superdesk-ui-framework 3.0.20 → 3.0.23

package/dist/examples.bundle.css

@@ -3660,12 +3660,6 @@ doc-react-playground {
 .icon--green {
   color: #46a446 !important; }
 
-.icon--rotate-180 {
-  transform: rotate(180deg); }
-
-.icon--rotate-90 {
-  transform: rotate(90deg); }
-
 .icon--full-opacity {
   opacity: 1 !important; }
 
@@ -3699,6 +3693,10 @@ doc-react-playground {
 .icon-photo.color--white {
   color: #e2e5e9 !important; }
 
+.icon-photo.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-photo.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -3738,6 +3736,10 @@ doc-react-playground {
 .icon-video.color--white {
   color: #e2e5e9 !important; }
 
+.icon-video.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-video.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -3777,6 +3779,10 @@ doc-react-playground {
 .icon-map-marker.color--white {
   color: #e2e5e9 !important; }
 
+.icon-map-marker.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-map-marker.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -3816,6 +3822,10 @@ doc-react-playground {
 .icon-slideshow.color--white {
   color: #e2e5e9 !important; }
 
+.icon-slideshow.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-slideshow.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -3855,6 +3865,10 @@ doc-react-playground {
 .icon-text.color--white {
   color: #e2e5e9 !important; }
 
+.icon-text.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-text.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -3894,6 +3908,10 @@ doc-react-playground {
 .icon-file.color--white {
   color: #e2e5e9 !important; }
 
+.icon-file.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-file.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -3933,6 +3951,10 @@ doc-react-playground {
 .icon-calendar.color--white {
   color: #e2e5e9 !important; }
 
+.icon-calendar.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-calendar.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -3972,6 +3994,10 @@ doc-react-playground {
 .icon-composite.color--white {
   color: #e2e5e9 !important; }
 
+.icon-composite.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-composite.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4011,6 +4037,10 @@ doc-react-playground {
 .icon-audio.color--white {
   color: #e2e5e9 !important; }
 
+.icon-audio.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-audio.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4050,6 +4080,10 @@ doc-react-playground {
 .icon-stream.color--white {
   color: #e2e5e9 !important; }
 
+.icon-stream.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-stream.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4089,6 +4123,10 @@ doc-react-playground {
 .icon-ingest.color--white {
   color: #e2e5e9 !important; }
 
+.icon-ingest.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-ingest.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4128,6 +4166,10 @@ doc-react-playground {
 .icon-archive.color--white {
   color: #e2e5e9 !important; }
 
+.icon-archive.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-archive.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4167,6 +4209,10 @@ doc-react-playground {
 .icon-time.color--white {
   color: #e2e5e9 !important; }
 
+.icon-time.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-time.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4206,6 +4252,10 @@ doc-react-playground {
 .icon-pin.color--white {
   color: #e2e5e9 !important; }
 
+.icon-pin.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-pin.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4245,6 +4295,10 @@ doc-react-playground {
 .icon-expand.color--white {
   color: #e2e5e9 !important; }
 
+.icon-expand.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-expand.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4284,6 +4338,10 @@ doc-react-playground {
 .icon-ascending.color--white {
   color: #e2e5e9 !important; }
 
+.icon-ascending.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-ascending.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4317,6 +4375,9 @@ doc-react-playground {
     color: var(--color-text-lighter) !important; }
   .icon-descending.color--white {
     color: #e2e5e9 !important; }
+  .icon-descending.scale--1\.5x {
+    --icon-base-size: 24px
+        ; }
   .icon-descending.scale--2x {
     --icon-base-size: 32px
         ; }
@@ -4354,6 +4415,10 @@ doc-react-playground {
 .icon-th.color--white {
   color: #e2e5e9 !important; }
 
+.icon-th.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-th.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4393,6 +4458,10 @@ doc-react-playground {
 .icon-grid-view.color--white {
   color: #e2e5e9 !important; }
 
+.icon-grid-view.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-grid-view.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4432,6 +4501,10 @@ doc-react-playground {
 .icon-th-list.color--white {
   color: #e2e5e9 !important; }
 
+.icon-th-list.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-th-list.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4471,6 +4544,10 @@ doc-react-playground {
 .icon-list-view.color--white {
   color: #e2e5e9 !important; }
 
+.icon-list-view.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-list-view.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4510,6 +4587,10 @@ doc-react-playground {
 .icon-pencil.color--white {
   color: #e2e5e9 !important; }
 
+.icon-pencil.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-pencil.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4549,6 +4630,10 @@ doc-react-playground {
 .icon-lock.color--white {
   color: #e2e5e9 !important; }
 
+.icon-lock.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-lock.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4588,6 +4673,10 @@ doc-react-playground {
 .icon-retweet.color--white {
   color: #e2e5e9 !important; }
 
+.icon-retweet.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-retweet.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4627,6 +4716,10 @@ doc-react-playground {
 .icon-unspike.color--white {
   color: #e2e5e9 !important; }
 
+.icon-unspike.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-unspike.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4666,6 +4759,10 @@ doc-react-playground {
 .icon-fullscreen.color--white {
   color: #e2e5e9 !important; }
 
+.icon-fullscreen.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-fullscreen.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4705,6 +4802,10 @@ doc-react-playground {
 .icon-fetch-as.color--white {
   color: #e2e5e9 !important; }
 
+.icon-fetch-as.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-fetch-as.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4744,6 +4845,10 @@ doc-react-playground {
 .icon-search.color--white {
   color: #e2e5e9 !important; }
 
+.icon-search.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-search.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4783,6 +4888,10 @@ doc-react-playground {
 .icon-star.color--white {
   color: #e2e5e9 !important; }
 
+.icon-star.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-star.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4822,6 +4931,10 @@ doc-react-playground {
 .icon-star-empty.color--white {
   color: #e2e5e9 !important; }
 
+.icon-star-empty.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-star-empty.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4861,6 +4974,10 @@ doc-react-playground {
 .icon-multi-star.color--white {
   color: #e2e5e9 !important; }
 
+.icon-multi-star.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-multi-star.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4900,6 +5017,10 @@ doc-react-playground {
 .icon-th-large.color--white {
   color: #e2e5e9 !important; }
 
+.icon-th-large.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-th-large.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4939,6 +5060,10 @@ doc-react-playground {
 .icon-grid-view-large.color--white {
   color: #e2e5e9 !important; }
 
+.icon-grid-view-large.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-grid-view-large.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4978,6 +5103,10 @@ doc-react-playground {
 .icon-ok.color--white {
   color: #e2e5e9 !important; }
 
+.icon-ok.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-ok.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5017,6 +5146,10 @@ doc-react-playground {
 .icon-zoom-in.color--white {
   color: #e2e5e9 !important; }
 
+.icon-zoom-in.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-zoom-in.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5056,6 +5189,10 @@ doc-react-playground {
 .icon-zoom-out.color--white {
   color: #e2e5e9 !important; }
 
+.icon-zoom-out.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-zoom-out.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5095,6 +5232,10 @@ doc-react-playground {
 .icon-signal.color--white {
   color: #e2e5e9 !important; }
 
+.icon-signal.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-signal.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5134,6 +5275,10 @@ doc-react-playground {
 .icon-filter-large.color--white {
   color: #e2e5e9 !important; }
 
+.icon-filter-large.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-filter-large.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5173,6 +5318,10 @@ doc-react-playground {
 .icon-trash.color--white {
   color: #e2e5e9 !important; }
 
+.icon-trash.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-trash.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5212,6 +5361,10 @@ doc-react-playground {
 .icon-user.color--white {
   color: #e2e5e9 !important; }
 
+.icon-user.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-user.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5251,6 +5404,10 @@ doc-react-playground {
 .icon-download.color--white {
   color: #e2e5e9 !important; }
 
+.icon-download.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-download.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5290,6 +5447,10 @@ doc-react-playground {
 .icon-upload.color--white {
   color: #e2e5e9 !important; }
 
+.icon-upload.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-upload.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5329,6 +5490,10 @@ doc-react-playground {
 .icon-repeat.color--white {
   color: #e2e5e9 !important; }
 
+.icon-repeat.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-repeat.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5368,6 +5533,10 @@ doc-react-playground {
 .icon-refresh.color--white {
   color: #e2e5e9 !important; }
 
+.icon-refresh.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-refresh.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5407,6 +5576,10 @@ doc-react-playground {
 .icon-list-alt.color--white {
   color: #e2e5e9 !important; }
 
+.icon-list-alt.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-list-alt.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5446,6 +5619,10 @@ doc-react-playground {
 .icon-plus-large.color--white {
   color: #e2e5e9 !important; }
 
+.icon-plus-large.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-plus-large.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5485,6 +5662,10 @@ doc-react-playground {
 .icon-picture.color--white {
   color: #e2e5e9 !important; }
 
+.icon-picture.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-picture.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5524,6 +5705,10 @@ doc-react-playground {
 .icon-question-sign.color--white {
   color: #e2e5e9 !important; }
 
+.icon-question-sign.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-question-sign.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5563,6 +5748,10 @@ doc-react-playground {
 .icon-info-sign.color--white {
   color: #e2e5e9 !important; }
 
+.icon-info-sign.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-info-sign.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5602,6 +5791,10 @@ doc-react-playground {
 .icon-plus-sign.color--white {
   color: #e2e5e9 !important; }
 
+.icon-plus-sign.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-plus-sign.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5641,6 +5834,10 @@ doc-react-playground {
 .icon-minus-sign.color--white {
   color: #e2e5e9 !important; }
 
+.icon-minus-sign.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-minus-sign.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5680,6 +5877,10 @@ doc-react-playground {
 .icon-remove-sign.color--white {
   color: #e2e5e9 !important; }
 
+.icon-remove-sign.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-remove-sign.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5719,6 +5920,10 @@ doc-react-playground {
 .icon-share-alt.color--white {
   color: #e2e5e9 !important; }
 
+.icon-share-alt.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-share-alt.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5758,6 +5963,10 @@ doc-react-playground {
 .icon-exclamation-sign.color--white {
   color: #e2e5e9 !important; }
 
+.icon-exclamation-sign.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-exclamation-sign.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5797,6 +6006,10 @@ doc-react-playground {
 .icon-eye-open.color--white {
   color: #e2e5e9 !important; }
 
+.icon-eye-open.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-eye-open.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5836,6 +6049,10 @@ doc-react-playground {
 .icon-copy.color--white {
   color: #e2e5e9 !important; }
 
+.icon-copy.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-copy.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5875,6 +6092,10 @@ doc-react-playground {
 .icon-comment.color--white {
   color: #e2e5e9 !important; }
 
+.icon-comment.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-comment.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5914,6 +6135,10 @@ doc-react-playground {
 .icon-warning-sign.color--white {
   color: #e2e5e9 !important; }
 
+.icon-warning-sign.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-warning-sign.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5953,6 +6178,10 @@ doc-react-playground {
 .icon-adjust.color--white {
   color: #e2e5e9 !important; }
 
+.icon-adjust.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-adjust.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5992,6 +6221,10 @@ doc-react-playground {
 .icon-folder-close.color--white {
   color: #e2e5e9 !important; }
 
+.icon-folder-close.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-folder-close.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6031,6 +6264,10 @@ doc-react-playground {
 .icon-folder-open.color--white {
   color: #e2e5e9 !important; }
 
+.icon-folder-open.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-folder-open.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6070,6 +6307,10 @@ doc-react-playground {
 .icon-download-alt.color--white {
   color: #e2e5e9 !important; }
 
+.icon-download-alt.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-download-alt.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6109,6 +6350,10 @@ doc-react-playground {
 .icon-tasks.color--white {
   color: #e2e5e9 !important; }
 
+.icon-tasks.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-tasks.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6148,6 +6393,10 @@ doc-react-playground {
 .icon-globe.color--white {
   color: #e2e5e9 !important; }
 
+.icon-globe.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-globe.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6187,6 +6436,10 @@ doc-react-playground {
 .icon-link.color--white {
   color: #e2e5e9 !important; }
 
+.icon-link.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-link.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6226,6 +6479,10 @@ doc-react-playground {
 .icon-expand-thin.color--white {
   color: #e2e5e9 !important; }
 
+.icon-expand-thin.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-expand-thin.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6265,6 +6522,10 @@ doc-react-playground {
 .icon-assign.color--white {
   color: #e2e5e9 !important; }
 
+.icon-assign.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-assign.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6304,6 +6565,10 @@ doc-react-playground {
 .icon-dots.color--white {
   color: #e2e5e9 !important; }
 
+.icon-dots.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-dots.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6337,6 +6602,9 @@ doc-react-playground {
     color: var(--color-text-lighter) !important; }
   .icon-dots-vertical.color--white {
     color: #e2e5e9 !important; }
+  .icon-dots-vertical.scale--1\.5x {
+    --icon-base-size: 24px
+        ; }
   .icon-dots-vertical.scale--2x {
     --icon-base-size: 32px
         ; }
@@ -6374,6 +6642,10 @@ doc-react-playground {
 .icon-backward-thin.color--white {
   color: #e2e5e9 !important; }
 
+.icon-backward-thin.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-backward-thin.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6413,6 +6685,10 @@ doc-react-playground {
 .icon-forward-thin.color--white {
   color: #e2e5e9 !important; }
 
+.icon-forward-thin.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-forward-thin.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6452,6 +6728,10 @@ doc-react-playground {
 .icon-chevron-left-thin.color--white {
   color: #e2e5e9 !important; }
 
+.icon-chevron-left-thin.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-chevron-left-thin.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6491,6 +6771,10 @@ doc-react-playground {
 .icon-chevron-right-thin.color--white {
   color: #e2e5e9 !important; }
 
+.icon-chevron-right-thin.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-chevron-right-thin.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6530,6 +6814,10 @@ doc-react-playground {
 .icon-switches.color--white {
   color: #e2e5e9 !important; }
 
+.icon-switches.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-switches.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6569,6 +6857,10 @@ doc-react-playground {
 .icon-plus-small.color--white {
   color: #e2e5e9 !important; }
 
+.icon-plus-small.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-plus-small.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6608,6 +6900,10 @@ doc-react-playground {
 .icon-minus-small.color--white {
   color: #e2e5e9 !important; }
 
+.icon-minus-small.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-minus-small.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6647,6 +6943,10 @@ doc-react-playground {
 .icon-close-small.color--white {
   color: #e2e5e9 !important; }
 
+.icon-close-small.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-close-small.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6686,6 +6986,10 @@ doc-react-playground {
 .icon-post.color--white {
   color: #e2e5e9 !important; }
 
+.icon-post.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-post.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6725,6 +7029,10 @@ doc-react-playground {
 .icon-external.color--white {
   color: #e2e5e9 !important; }
 
+.icon-external.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-external.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6764,6 +7072,10 @@ doc-react-playground {
 .icon-chevron-up-thin.color--white {
   color: #e2e5e9 !important; }
 
+.icon-chevron-up-thin.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-chevron-up-thin.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6803,6 +7115,10 @@ doc-react-playground {
 .icon-chevron-down-thin.color--white {
   color: #e2e5e9 !important; }
 
+.icon-chevron-down-thin.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-chevron-down-thin.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6842,6 +7158,10 @@ doc-react-playground {
 .icon-pick.color--white {
   color: #e2e5e9 !important; }
 
+.icon-pick.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-pick.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6881,6 +7201,10 @@ doc-react-playground {
 .icon-revert.color--white {
   color: #e2e5e9 !important; }
 
+.icon-revert.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-revert.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6920,6 +7244,10 @@ doc-react-playground {
 .icon-package-plus.color--white {
   color: #e2e5e9 !important; }
 
+.icon-package-plus.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-package-plus.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6959,6 +7287,10 @@ doc-react-playground {
 .icon-list-plus.color--white {
   color: #e2e5e9 !important; }
 
+.icon-list-plus.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-list-plus.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6998,6 +7330,10 @@ doc-react-playground {
 .icon-envelope.color--white {
   color: #e2e5e9 !important; }
 
+.icon-envelope.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-envelope.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7037,6 +7373,10 @@ doc-react-playground {
 .icon-heart.color--white {
   color: #e2e5e9 !important; }
 
+.icon-heart.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-heart.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7076,6 +7416,10 @@ doc-react-playground {
 .icon-home.color--white {
   color: #e2e5e9 !important; }
 
+.icon-home.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-home.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7115,6 +7459,10 @@ doc-react-playground {
 .icon-print.color--white {
   color: #e2e5e9 !important; }
 
+.icon-print.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-print.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7154,6 +7502,10 @@ doc-react-playground {
 .icon-font.color--white {
   color: #e2e5e9 !important; }
 
+.icon-font.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-font.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7193,6 +7545,10 @@ doc-react-playground {
 .icon-bold.color--white {
   color: #e2e5e9 !important; }
 
+.icon-bold.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-bold.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7232,6 +7588,10 @@ doc-react-playground {
 .icon-italic.color--white {
   color: #e2e5e9 !important; }
 
+.icon-italic.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-italic.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7271,6 +7631,10 @@ doc-react-playground {
 .icon-underline.color--white {
   color: #e2e5e9 !important; }
 
+.icon-underline.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-underline.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7310,6 +7674,10 @@ doc-react-playground {
 .icon-strikethrough.color--white {
   color: #e2e5e9 !important; }
 
+.icon-strikethrough.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-strikethrough.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7349,6 +7717,10 @@ doc-react-playground {
 .icon-align-left.color--white {
   color: #e2e5e9 !important; }
 
+.icon-align-left.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-align-left.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7388,6 +7760,10 @@ doc-react-playground {
 .icon-align-center.color--white {
   color: #e2e5e9 !important; }
 
+.icon-align-center.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-align-center.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7427,6 +7803,10 @@ doc-react-playground {
 .icon-align-right.color--white {
   color: #e2e5e9 !important; }
 
+.icon-align-right.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-align-right.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7466,6 +7846,10 @@ doc-react-playground {
 .icon-align-justify.color--white {
   color: #e2e5e9 !important; }
 
+.icon-align-justify.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-align-justify.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7505,6 +7889,10 @@ doc-react-playground {
 .icon-unordered-list.color--white {
   color: #e2e5e9 !important; }
 
+.icon-unordered-list.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-unordered-list.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7544,6 +7932,10 @@ doc-react-playground {
 .icon-indent-left.color--white {
   color: #e2e5e9 !important; }
 
+.icon-indent-left.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-indent-left.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7583,6 +7975,10 @@ doc-react-playground {
 .icon-indent-right.color--white {
   color: #e2e5e9 !important; }
 
+.icon-indent-right.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-indent-right.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7622,6 +8018,10 @@ doc-react-playground {
 .icon-ban-circle.color--white {
   color: #e2e5e9 !important; }
 
+.icon-ban-circle.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-ban-circle.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7661,6 +8061,10 @@ doc-react-playground {
 .icon-bell.color--white {
   color: #e2e5e9 !important; }
 
+.icon-bell.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-bell.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7700,6 +8104,10 @@ doc-react-playground {
 .icon-random.color--white {
   color: #e2e5e9 !important; }
 
+.icon-random.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-random.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7739,6 +8147,10 @@ doc-react-playground {
 .icon-settings.color--white {
   color: #e2e5e9 !important; }
 
+.icon-settings.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-settings.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7778,6 +8190,10 @@ doc-react-playground {
 .icon-package-create.color--white {
   color: #e2e5e9 !important; }
 
+.icon-package-create.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-package-create.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7817,6 +8233,10 @@ doc-react-playground {
 .icon-list-menu.color--white {
   color: #e2e5e9 !important; }
 
+.icon-list-menu.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-list-menu.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7856,6 +8276,10 @@ doc-react-playground {
 .icon-new-doc.color--white {
   color: #e2e5e9 !important; }
 
+.icon-new-doc.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-new-doc.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7895,6 +8319,10 @@ doc-react-playground {
 .icon-edit-line.color--white {
   color: #e2e5e9 !important; }
 
+.icon-edit-line.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-edit-line.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7934,6 +8362,10 @@ doc-react-playground {
 .icon-calendar-list.color--white {
   color: #e2e5e9 !important; }
 
+.icon-calendar-list.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-calendar-list.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7973,6 +8405,10 @@ doc-react-playground {
 .icon-collapse.color--white {
   color: #e2e5e9 !important; }
 
+.icon-collapse.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-collapse.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8012,6 +8448,10 @@ doc-react-playground {
 .icon-broadcast.color--white {
   color: #e2e5e9 !important; }
 
+.icon-broadcast.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-broadcast.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8051,6 +8491,10 @@ doc-react-playground {
 .icon-broadcast-create.color--white {
   color: #e2e5e9 !important; }
 
+.icon-broadcast-create.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-broadcast-create.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8090,6 +8534,10 @@ doc-react-playground {
 .icon-kill.color--white {
   color: #e2e5e9 !important; }
 
+.icon-kill.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-kill.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8129,6 +8577,10 @@ doc-react-playground {
 .icon-graphic.color--white {
   color: #e2e5e9 !important; }
 
+.icon-graphic.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-graphic.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8168,6 +8620,10 @@ doc-react-playground {
 .icon-close-thick.color--white {
   color: #e2e5e9 !important; }
 
+.icon-close-thick.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-close-thick.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8207,6 +8663,10 @@ doc-react-playground {
 .icon-move.color--white {
   color: #e2e5e9 !important; }
 
+.icon-move.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-move.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8246,6 +8706,10 @@ doc-react-playground {
 .icon-takes-package.color--white {
   color: #e2e5e9 !important; }
 
+.icon-takes-package.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-takes-package.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8285,6 +8749,10 @@ doc-react-playground {
 .icon-highlight-package.color--white {
   color: #e2e5e9 !important; }
 
+.icon-highlight-package.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-highlight-package.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8324,6 +8792,10 @@ doc-react-playground {
 .icon-preview-mode.color--white {
   color: #e2e5e9 !important; }
 
+.icon-preview-mode.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-preview-mode.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8363,6 +8835,10 @@ doc-react-playground {
 .icon-unlocked.color--white {
   color: #e2e5e9 !important; }
 
+.icon-unlocked.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-unlocked.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8402,6 +8878,10 @@ doc-react-playground {
 .icon-code.color--white {
   color: #e2e5e9 !important; }
 
+.icon-code.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-code.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8441,6 +8921,10 @@ doc-react-playground {
 .icon-cut.color--white {
   color: #e2e5e9 !important; }
 
+.icon-cut.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-cut.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8480,6 +8964,10 @@ doc-react-playground {
 .icon-paste.color--white {
   color: #e2e5e9 !important; }
 
+.icon-paste.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-paste.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8519,6 +9007,10 @@ doc-react-playground {
 .icon-arrow-left.color--white {
   color: #e2e5e9 !important; }
 
+.icon-arrow-left.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-arrow-left.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8558,6 +9050,10 @@ doc-react-playground {
 .icon-arrow-right.color--white {
   color: #e2e5e9 !important; }
 
+.icon-arrow-right.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-arrow-right.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8597,6 +9093,10 @@ doc-react-playground {
 .icon-info-large.color--white {
   color: #e2e5e9 !important; }
 
+.icon-info-large.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-info-large.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8636,6 +9136,10 @@ doc-react-playground {
 .icon-help-large.color--white {
   color: #e2e5e9 !important; }
 
+.icon-help-large.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-help-large.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8675,6 +9179,10 @@ doc-react-playground {
 .icon-attachment.color--white {
   color: #e2e5e9 !important; }
 
+.icon-attachment.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-attachment.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8714,6 +9222,10 @@ doc-react-playground {
 .icon-attachment-large.color--white {
   color: #e2e5e9 !important; }
 
+.icon-attachment-large.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-attachment-large.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8753,6 +9265,10 @@ doc-react-playground {
 .icon-table.color--white {
   color: #e2e5e9 !important; }
 
+.icon-table.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-table.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8792,6 +9308,10 @@ doc-react-playground {
 .icon-ordered-list.color--white {
   color: #e2e5e9 !important; }
 
+.icon-ordered-list.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-ordered-list.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8831,6 +9351,10 @@ doc-react-playground {
 .icon-heading-1.color--white {
   color: #e2e5e9 !important; }
 
+.icon-heading-1.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-heading-1.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8870,6 +9394,10 @@ doc-react-playground {
 .icon-heading-2.color--white {
   color: #e2e5e9 !important; }
 
+.icon-heading-2.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-heading-2.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8909,6 +9437,10 @@ doc-react-playground {
 .icon-heading-3.color--white {
   color: #e2e5e9 !important; }
 
+.icon-heading-3.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-heading-3.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8948,6 +9480,10 @@ doc-react-playground {
 .icon-heading-4.color--white {
   color: #e2e5e9 !important; }
 
+.icon-heading-4.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-heading-4.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8987,6 +9523,10 @@ doc-react-playground {
 .icon-heading-5.color--white {
   color: #e2e5e9 !important; }
 
+.icon-heading-5.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-heading-5.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9026,6 +9566,10 @@ doc-react-playground {
 .icon-heading-6.color--white {
   color: #e2e5e9 !important; }
 
+.icon-heading-6.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-heading-6.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9065,6 +9609,10 @@ doc-react-playground {
 .icon-quote.color--white {
   color: #e2e5e9 !important; }
 
+.icon-quote.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-quote.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9104,6 +9652,10 @@ doc-react-playground {
 .icon-multiedit.color--white {
   color: #e2e5e9 !important; }
 
+.icon-multiedit.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-multiedit.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9143,6 +9695,10 @@ doc-react-playground {
 .icon-phone.color--white {
   color: #e2e5e9 !important; }
 
+.icon-phone.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-phone.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9182,6 +9738,10 @@ doc-react-playground {
 .icon-mobile.color--white {
   color: #e2e5e9 !important; }
 
+.icon-mobile.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-mobile.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9221,6 +9781,10 @@ doc-react-playground {
 .icon-twitter.color--white {
   color: #e2e5e9 !important; }
 
+.icon-twitter.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-twitter.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9260,6 +9824,10 @@ doc-react-playground {
 .icon-facebook.color--white {
   color: #e2e5e9 !important; }
 
+.icon-facebook.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-facebook.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9299,6 +9867,10 @@ doc-react-playground {
 .icon-linked-in.color--white {
   color: #e2e5e9 !important; }
 
+.icon-linked-in.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-linked-in.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9338,6 +9910,10 @@ doc-react-playground {
 .icon-twitter-circle.color--white {
   color: #e2e5e9 !important; }
 
+.icon-twitter-circle.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-twitter-circle.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9377,6 +9953,10 @@ doc-react-playground {
 .icon-facebook-circle.color--white {
   color: #e2e5e9 !important; }
 
+.icon-facebook-circle.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-facebook-circle.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9416,6 +9996,10 @@ doc-react-playground {
 .icon-linked-in-circle.color--white {
   color: #e2e5e9 !important; }
 
+.icon-linked-in-circle.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-linked-in-circle.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9455,6 +10039,10 @@ doc-react-playground {
 .icon-recurring.color--white {
   color: #e2e5e9 !important; }
 
+.icon-recurring.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-recurring.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9494,6 +10082,10 @@ doc-react-playground {
 .icon-paragraph.color--white {
   color: #e2e5e9 !important; }
 
+.icon-paragraph.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-paragraph.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9533,6 +10125,10 @@ doc-react-playground {
 .icon-suggestion.color--white {
   color: #e2e5e9 !important; }
 
+.icon-suggestion.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-suggestion.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9572,6 +10168,10 @@ doc-react-playground {
 .icon-event.color--white {
   color: #e2e5e9 !important; }
 
+.icon-event.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-event.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9611,6 +10211,10 @@ doc-react-playground {
 .icon-kanban-view.color--white {
   color: #e2e5e9 !important; }
 
+.icon-kanban-view.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-kanban-view.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9650,6 +10254,10 @@ doc-react-playground {
 .icon-subscript.color--white {
   color: #e2e5e9 !important; }
 
+.icon-subscript.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-subscript.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9689,6 +10297,10 @@ doc-react-playground {
 .icon-superscript.color--white {
   color: #e2e5e9 !important; }
 
+.icon-superscript.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-superscript.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9728,6 +10340,10 @@ doc-react-playground {
 .icon-clear-format.color--white {
   color: #e2e5e9 !important; }
 
+.icon-clear-format.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-clear-format.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9767,6 +10383,10 @@ doc-react-playground {
 .icon-preformatted.color--white {
   color: #e2e5e9 !important; }
 
+.icon-preformatted.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-preformatted.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9806,6 +10426,10 @@ doc-react-playground {
 .icon-crop.color--white {
   color: #e2e5e9 !important; }
 
+.icon-crop.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-crop.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9845,6 +10469,10 @@ doc-react-playground {
 .icon-flip-horizontal.color--white {
   color: #e2e5e9 !important; }
 
+.icon-flip-horizontal.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-flip-horizontal.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9884,6 +10512,10 @@ doc-react-playground {
 .icon-flip-vertical.color--white {
   color: #e2e5e9 !important; }
 
+.icon-flip-vertical.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-flip-vertical.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9923,6 +10555,10 @@ doc-react-playground {
 .icon-rotate-right.color--white {
   color: #e2e5e9 !important; }
 
+.icon-rotate-right.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-rotate-right.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9962,6 +10598,10 @@ doc-react-playground {
 .icon-rotate-left.color--white {
   color: #e2e5e9 !important; }
 
+.icon-rotate-left.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-rotate-left.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -10001,6 +10641,10 @@ doc-react-playground {
 .icon-business.color--white {
   color: #e2e5e9 !important; }
 
+.icon-business.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-business.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -10040,6 +10684,10 @@ doc-react-playground {
 .icon-paywall.color--white {
   color: #e2e5e9 !important; }
 
+.icon-paywall.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-paywall.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -10079,6 +10727,10 @@ doc-react-playground {
 .icon-analytics.color--white {
   color: #e2e5e9 !important; }
 
+.icon-analytics.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-analytics.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -10118,6 +10770,10 @@ doc-react-playground {
 .icon-amp.color--white {
   color: #e2e5e9 !important; }
 
+.icon-amp.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-amp.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -10157,6 +10813,10 @@ doc-react-playground {
 .icon-undo.color--white {
   color: #e2e5e9 !important; }
 
+.icon-undo.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-undo.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -10196,6 +10856,10 @@ doc-react-playground {
 .icon-redo.color--white {
   color: #e2e5e9 !important; }
 
+.icon-redo.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-redo.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -10235,6 +10899,10 @@ doc-react-playground {
 .icon-instagram.color--white {
   color: #e2e5e9 !important; }
 
+.icon-instagram.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-instagram.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -10274,6 +10942,10 @@ doc-react-playground {
 .icon-play.color--white {
   color: #e2e5e9 !important; }
 
+.icon-play.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-play.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -10313,6 +10985,10 @@ doc-react-playground {
 .icon-stop.color--white {
   color: #e2e5e9 !important; }
 
+.icon-stop.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-stop.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -10352,6 +11028,10 @@ doc-react-playground {
 .icon-pause.color--white {
   color: #e2e5e9 !important; }
 
+.icon-pause.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-pause.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -10391,6 +11071,10 @@ doc-react-playground {
 .icon-fast_rewind.color--white {
   color: #e2e5e9 !important; }
 
+.icon-fast_rewind.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-fast_rewind.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -10430,6 +11114,10 @@ doc-react-playground {
 .icon-fast_forward.color--white {
   color: #e2e5e9 !important; }
 
+.icon-fast_forward.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-fast_forward.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -10469,6 +11157,10 @@ doc-react-playground {
 .icon-skip_previous.color--white {
   color: #e2e5e9 !important; }
 
+.icon-skip_previous.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-skip_previous.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -10508,6 +11200,10 @@ doc-react-playground {
 .icon-skip_next.color--white {
   color: #e2e5e9 !important; }
 
+.icon-skip_next.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-skip_next.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -10547,6 +11243,10 @@ doc-react-playground {
 .icon-add-image.color--white {
   color: #e2e5e9 !important; }
 
+.icon-add-image.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-add-image.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -10586,6 +11286,10 @@ doc-react-playground {
 .icon-add-gallery.color--white {
   color: #e2e5e9 !important; }
 
+.icon-add-gallery.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-add-gallery.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -10625,6 +11329,10 @@ doc-react-playground {
 .icon-text-format.color--white {
   color: #e2e5e9 !important; }
 
+.icon-text-format.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-text-format.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -10664,6 +11372,10 @@ doc-react-playground {
 .icon-to-uppercase.color--white {
   color: #e2e5e9 !important; }
 
+.icon-to-uppercase.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-to-uppercase.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -10703,6 +11415,10 @@ doc-react-playground {
 .icon-to-lowercase.color--white {
   color: #e2e5e9 !important; }
 
+.icon-to-lowercase.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-to-lowercase.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -10742,6 +11458,10 @@ doc-react-playground {
 .icon-arrow-small.color--white {
   color: #e2e5e9 !important; }
 
+.icon-arrow-small.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-arrow-small.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -10781,6 +11501,10 @@ doc-react-playground {
 .icon-clear-all.color--white {
   color: #e2e5e9 !important; }
 
+.icon-clear-all.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-clear-all.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -10820,6 +11544,10 @@ doc-react-playground {
 .icon-rundown.color--white {
   color: #e2e5e9 !important; }
 
+.icon-rundown.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-rundown.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -10859,6 +11587,10 @@ doc-react-playground {
 .icon-photo-cancel.color--white {
   color: #e2e5e9 !important; }
 
+.icon-photo-cancel.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-photo-cancel.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -10898,6 +11630,10 @@ doc-react-playground {
 .icon-video-cancel.color--white {
   color: #e2e5e9 !important; }
 
+.icon-video-cancel.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-video-cancel.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -10937,6 +11673,10 @@ doc-react-playground {
 .icon-text-cancel.color--white {
   color: #e2e5e9 !important; }
 
+.icon-text-cancel.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-text-cancel.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -10976,6 +11716,10 @@ doc-react-playground {
 .icon-file-cancel.color--white {
   color: #e2e5e9 !important; }
 
+.icon-file-cancel.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-file-cancel.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -11015,6 +11759,10 @@ doc-react-playground {
 .icon-audio-cancel.color--white {
   color: #e2e5e9 !important; }
 
+.icon-audio-cancel.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-audio-cancel.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -11054,6 +11802,10 @@ doc-react-playground {
 .icon-list-alt-cancel.color--white {
   color: #e2e5e9 !important; }
 
+.icon-list-alt-cancel.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-list-alt-cancel.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -11093,6 +11845,10 @@ doc-react-playground {
 .icon-post-cancel.color--white {
   color: #e2e5e9 !important; }
 
+.icon-post-cancel.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-post-cancel.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -11132,6 +11888,10 @@ doc-react-playground {
 .icon-text-block.color--white {
   color: #e2e5e9 !important; }
 
+.icon-text-block.scale--1\.5x {
+  --icon-base-size: 24px
+        ; }
+
 .icon-text-block.scale--2x {
   --icon-base-size: 32px
         ; }