superdesk-ui-framework 3.0.21 → 3.0.23

package/dist/examples.bundle.css

@@ -3693,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
         ; }
@@ -3732,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
         ; }
@@ -3771,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
         ; }
@@ -3810,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
         ; }
@@ -3849,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
         ; }
@@ -3888,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
         ; }
@@ -3927,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
         ; }
@@ -3966,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
         ; }
@@ -4005,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
         ; }
@@ -4044,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
         ; }
@@ -4083,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
         ; }
@@ -4122,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
         ; }
@@ -4161,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
         ; }
@@ -4200,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
         ; }
@@ -4239,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
         ; }
@@ -4278,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
         ; }
@@ -4311,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
         ; }
@@ -4348,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
         ; }
@@ -4387,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
         ; }
@@ -4426,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
         ; }
@@ -4465,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
         ; }
@@ -4504,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
         ; }
@@ -4543,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
         ; }
@@ -4582,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
         ; }
@@ -4621,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
         ; }
@@ -4660,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
         ; }
@@ -4699,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
         ; }
@@ -4738,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
         ; }
@@ -4777,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
         ; }
@@ -4816,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
         ; }
@@ -4855,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
         ; }
@@ -4894,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
         ; }
@@ -4933,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
         ; }
@@ -4972,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
         ; }
@@ -5011,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
         ; }
@@ -5050,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
         ; }
@@ -5089,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
         ; }
@@ -5128,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
         ; }
@@ -5167,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
         ; }
@@ -5206,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
         ; }
@@ -5245,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
         ; }
@@ -5284,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
         ; }
@@ -5323,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
         ; }
@@ -5362,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
         ; }
@@ -5401,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
         ; }
@@ -5440,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
         ; }
@@ -5479,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
         ; }
@@ -5518,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
         ; }
@@ -5557,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
         ; }
@@ -5596,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
         ; }
@@ -5635,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
         ; }
@@ -5674,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
         ; }
@@ -5713,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
         ; }
@@ -5752,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
         ; }
@@ -5791,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
         ; }
@@ -5830,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
         ; }
@@ -5869,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
         ; }
@@ -5908,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
         ; }
@@ -5947,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
         ; }
@@ -5986,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
         ; }
@@ -6025,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
         ; }
@@ -6064,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
         ; }
@@ -6103,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
         ; }
@@ -6142,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
         ; }
@@ -6181,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
         ; }
@@ -6220,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
         ; }
@@ -6259,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
         ; }
@@ -6298,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
         ; }
@@ -6331,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
         ; }
@@ -6368,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
         ; }
@@ -6407,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
         ; }
@@ -6446,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
         ; }
@@ -6485,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
         ; }
@@ -6524,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
         ; }
@@ -6563,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
         ; }
@@ -6602,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
         ; }
@@ -6641,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
         ; }
@@ -6680,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
         ; }
@@ -6719,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
         ; }
@@ -6758,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
         ; }
@@ -6797,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
         ; }
@@ -6836,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
         ; }
@@ -6875,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
         ; }
@@ -6914,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
         ; }
@@ -6953,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
         ; }
@@ -6992,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
         ; }
@@ -7031,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
         ; }
@@ -7070,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
         ; }
@@ -7109,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
         ; }
@@ -7148,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
         ; }
@@ -7187,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
         ; }
@@ -7226,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
         ; }
@@ -7265,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
         ; }
@@ -7304,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
         ; }
@@ -7343,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
         ; }
@@ -7382,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
         ; }
@@ -7421,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
         ; }
@@ -7460,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
         ; }
@@ -7499,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
         ; }
@@ -7538,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
         ; }
@@ -7577,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
         ; }
@@ -7616,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
         ; }
@@ -7655,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
         ; }
@@ -7694,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
         ; }
@@ -7733,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
         ; }
@@ -7772,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
         ; }
@@ -7811,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
         ; }
@@ -7850,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
         ; }
@@ -7889,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
         ; }
@@ -7928,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
         ; }
@@ -7967,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
         ; }
@@ -8006,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
         ; }
@@ -8045,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
         ; }
@@ -8084,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
         ; }
@@ -8123,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
         ; }
@@ -8162,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
         ; }
@@ -8201,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
         ; }
@@ -8240,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
         ; }
@@ -8279,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
         ; }
@@ -8318,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
         ; }
@@ -8357,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
         ; }
@@ -8396,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
         ; }
@@ -8435,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
         ; }
@@ -8474,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
         ; }
@@ -8513,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
         ; }
@@ -8552,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
         ; }
@@ -8591,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
         ; }
@@ -8630,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
         ; }
@@ -8669,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
         ; }
@@ -8708,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
         ; }
@@ -8747,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
         ; }
@@ -8786,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
         ; }
@@ -8825,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
         ; }
@@ -8864,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
         ; }
@@ -8903,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
         ; }
@@ -8942,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
         ; }
@@ -8981,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
         ; }
@@ -9020,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
         ; }
@@ -9059,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
         ; }
@@ -9098,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
         ; }
@@ -9137,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
         ; }
@@ -9176,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
         ; }
@@ -9215,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
         ; }
@@ -9254,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
         ; }
@@ -9293,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
         ; }
@@ -9332,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
         ; }
@@ -9371,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
         ; }
@@ -9410,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
         ; }
@@ -9449,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
         ; }
@@ -9488,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
         ; }
@@ -9527,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
         ; }
@@ -9566,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
         ; }
@@ -9605,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
         ; }
@@ -9644,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
         ; }
@@ -9683,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
         ; }
@@ -9722,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
         ; }
@@ -9761,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
         ; }
@@ -9800,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
         ; }
@@ -9839,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
         ; }
@@ -9878,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
         ; }
@@ -9917,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
         ; }
@@ -9956,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
         ; }
@@ -9995,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
         ; }
@@ -10034,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
         ; }
@@ -10073,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
         ; }
@@ -10112,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
         ; }
@@ -10151,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
         ; }
@@ -10190,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
         ; }
@@ -10229,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
         ; }
@@ -10268,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
         ; }
@@ -10307,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
         ; }
@@ -10346,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
         ; }
@@ -10385,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
         ; }
@@ -10424,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
         ; }
@@ -10463,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
         ; }
@@ -10502,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
         ; }
@@ -10541,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
         ; }
@@ -10580,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
         ; }
@@ -10619,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
         ; }
@@ -10658,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
         ; }
@@ -10697,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
         ; }
@@ -10736,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
         ; }
@@ -10775,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
         ; }
@@ -10814,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
         ; }
@@ -10853,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
         ; }
@@ -10892,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
         ; }
@@ -10931,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
         ; }
@@ -10970,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
         ; }
@@ -11009,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
         ; }
@@ -11048,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
         ; }
@@ -11087,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
         ; }
@@ -11126,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
         ; }