superdesk-ui-framework 3.0.1-beta.2 → 3.0.1-beta.20

package/dist/examples.bundle.css

@@ -3696,6 +3696,9 @@ doc-react-playground {
 .icon-photo.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-photo.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-photo.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -3732,6 +3735,9 @@ doc-react-playground {
 .icon-video.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-video.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-video.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -3768,6 +3774,9 @@ doc-react-playground {
 .icon-map-marker.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-map-marker.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-map-marker.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -3804,6 +3813,9 @@ doc-react-playground {
 .icon-slideshow.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-slideshow.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-slideshow.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -3840,6 +3852,9 @@ doc-react-playground {
 .icon-text.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-text.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-text.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -3876,6 +3891,9 @@ doc-react-playground {
 .icon-file.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-file.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-file.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -3912,6 +3930,9 @@ doc-react-playground {
 .icon-calendar.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-calendar.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-calendar.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -3948,6 +3969,9 @@ doc-react-playground {
 .icon-composite.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-composite.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-composite.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -3984,6 +4008,9 @@ doc-react-playground {
 .icon-audio.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-audio.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-audio.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4020,6 +4047,9 @@ doc-react-playground {
 .icon-stream.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-stream.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-stream.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4056,6 +4086,9 @@ doc-react-playground {
 .icon-ingest.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-ingest.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-ingest.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4092,6 +4125,9 @@ doc-react-playground {
 .icon-archive.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-archive.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-archive.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4128,6 +4164,9 @@ doc-react-playground {
 .icon-time.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-time.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-time.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4164,6 +4203,9 @@ doc-react-playground {
 .icon-pin.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-pin.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-pin.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4200,6 +4242,9 @@ doc-react-playground {
 .icon-expand.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-expand.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-expand.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4236,6 +4281,9 @@ doc-react-playground {
 .icon-ascending.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-ascending.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-ascending.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4267,6 +4315,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .icon-descending.color--light {
     color: var(--color-text-lighter) !important; }
+  .icon-descending.color--white {
+    color: #e2e5e9 !important; }
   .icon-descending.scale--2x {
     --icon-base-size: 32px
         ; }
@@ -4301,6 +4351,9 @@ doc-react-playground {
 .icon-th.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-th.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-th.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4337,6 +4390,9 @@ doc-react-playground {
 .icon-grid-view.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-grid-view.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-grid-view.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4373,6 +4429,9 @@ doc-react-playground {
 .icon-th-list.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-th-list.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-th-list.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4409,6 +4468,9 @@ doc-react-playground {
 .icon-list-view.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-list-view.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-list-view.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4445,6 +4507,9 @@ doc-react-playground {
 .icon-pencil.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-pencil.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-pencil.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4481,6 +4546,9 @@ doc-react-playground {
 .icon-lock.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-lock.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-lock.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4517,6 +4585,9 @@ doc-react-playground {
 .icon-retweet.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-retweet.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-retweet.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4553,6 +4624,9 @@ doc-react-playground {
 .icon-unspike.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-unspike.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-unspike.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4589,6 +4663,9 @@ doc-react-playground {
 .icon-fullscreen.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-fullscreen.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-fullscreen.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4625,6 +4702,9 @@ doc-react-playground {
 .icon-fetch-as.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-fetch-as.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-fetch-as.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4661,6 +4741,9 @@ doc-react-playground {
 .icon-search.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-search.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-search.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4697,6 +4780,9 @@ doc-react-playground {
 .icon-star.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-star.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-star.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4733,6 +4819,9 @@ doc-react-playground {
 .icon-star-empty.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-star-empty.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-star-empty.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4769,6 +4858,9 @@ doc-react-playground {
 .icon-multi-star.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-multi-star.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-multi-star.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4805,6 +4897,9 @@ doc-react-playground {
 .icon-th-large.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-th-large.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-th-large.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4841,6 +4936,9 @@ doc-react-playground {
 .icon-grid-view-large.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-grid-view-large.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-grid-view-large.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4877,6 +4975,9 @@ doc-react-playground {
 .icon-ok.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-ok.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-ok.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4913,6 +5014,9 @@ doc-react-playground {
 .icon-zoom-in.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-zoom-in.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-zoom-in.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4949,6 +5053,9 @@ doc-react-playground {
 .icon-zoom-out.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-zoom-out.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-zoom-out.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -4985,6 +5092,9 @@ doc-react-playground {
 .icon-signal.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-signal.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-signal.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5021,6 +5131,9 @@ doc-react-playground {
 .icon-filter-large.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-filter-large.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-filter-large.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5057,6 +5170,9 @@ doc-react-playground {
 .icon-trash.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-trash.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-trash.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5093,6 +5209,9 @@ doc-react-playground {
 .icon-user.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-user.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-user.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5129,6 +5248,9 @@ doc-react-playground {
 .icon-download.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-download.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-download.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5165,6 +5287,9 @@ doc-react-playground {
 .icon-upload.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-upload.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-upload.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5201,6 +5326,9 @@ doc-react-playground {
 .icon-repeat.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-repeat.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-repeat.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5237,6 +5365,9 @@ doc-react-playground {
 .icon-refresh.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-refresh.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-refresh.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5273,6 +5404,9 @@ doc-react-playground {
 .icon-list-alt.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-list-alt.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-list-alt.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5309,6 +5443,9 @@ doc-react-playground {
 .icon-plus-large.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-plus-large.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-plus-large.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5345,6 +5482,9 @@ doc-react-playground {
 .icon-picture.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-picture.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-picture.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5381,6 +5521,9 @@ doc-react-playground {
 .icon-question-sign.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-question-sign.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-question-sign.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5417,6 +5560,9 @@ doc-react-playground {
 .icon-info-sign.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-info-sign.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-info-sign.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5453,6 +5599,9 @@ doc-react-playground {
 .icon-plus-sign.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-plus-sign.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-plus-sign.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5489,6 +5638,9 @@ doc-react-playground {
 .icon-minus-sign.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-minus-sign.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-minus-sign.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5525,6 +5677,9 @@ doc-react-playground {
 .icon-remove-sign.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-remove-sign.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-remove-sign.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5561,6 +5716,9 @@ doc-react-playground {
 .icon-share-alt.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-share-alt.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-share-alt.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5597,6 +5755,9 @@ doc-react-playground {
 .icon-exclamation-sign.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-exclamation-sign.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-exclamation-sign.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5633,6 +5794,9 @@ doc-react-playground {
 .icon-eye-open.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-eye-open.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-eye-open.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5669,6 +5833,9 @@ doc-react-playground {
 .icon-copy.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-copy.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-copy.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5705,6 +5872,9 @@ doc-react-playground {
 .icon-comment.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-comment.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-comment.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5741,6 +5911,9 @@ doc-react-playground {
 .icon-warning-sign.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-warning-sign.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-warning-sign.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5777,6 +5950,9 @@ doc-react-playground {
 .icon-adjust.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-adjust.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-adjust.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5813,6 +5989,9 @@ doc-react-playground {
 .icon-folder-close.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-folder-close.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-folder-close.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5849,6 +6028,9 @@ doc-react-playground {
 .icon-folder-open.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-folder-open.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-folder-open.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5885,6 +6067,9 @@ doc-react-playground {
 .icon-download-alt.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-download-alt.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-download-alt.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5921,6 +6106,9 @@ doc-react-playground {
 .icon-tasks.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-tasks.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-tasks.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5957,6 +6145,9 @@ doc-react-playground {
 .icon-globe.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-globe.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-globe.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -5993,6 +6184,9 @@ doc-react-playground {
 .icon-link.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-link.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-link.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6029,6 +6223,9 @@ doc-react-playground {
 .icon-expand-thin.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-expand-thin.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-expand-thin.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6065,6 +6262,9 @@ doc-react-playground {
 .icon-assign.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-assign.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-assign.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6101,6 +6301,9 @@ doc-react-playground {
 .icon-dots.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-dots.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-dots.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6132,6 +6335,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .icon-dots-vertical.color--light {
     color: var(--color-text-lighter) !important; }
+  .icon-dots-vertical.color--white {
+    color: #e2e5e9 !important; }
   .icon-dots-vertical.scale--2x {
     --icon-base-size: 32px
         ; }
@@ -6166,6 +6371,9 @@ doc-react-playground {
 .icon-backward-thin.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-backward-thin.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-backward-thin.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6202,6 +6410,9 @@ doc-react-playground {
 .icon-forward-thin.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-forward-thin.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-forward-thin.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6238,6 +6449,9 @@ doc-react-playground {
 .icon-chevron-left-thin.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-chevron-left-thin.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-chevron-left-thin.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6274,6 +6488,9 @@ doc-react-playground {
 .icon-chevron-right-thin.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-chevron-right-thin.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-chevron-right-thin.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6310,6 +6527,9 @@ doc-react-playground {
 .icon-switches.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-switches.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-switches.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6346,6 +6566,9 @@ doc-react-playground {
 .icon-plus-small.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-plus-small.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-plus-small.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6382,6 +6605,9 @@ doc-react-playground {
 .icon-minus-small.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-minus-small.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-minus-small.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6418,6 +6644,9 @@ doc-react-playground {
 .icon-close-small.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-close-small.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-close-small.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6454,6 +6683,9 @@ doc-react-playground {
 .icon-post.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-post.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-post.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6490,6 +6722,9 @@ doc-react-playground {
 .icon-external.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-external.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-external.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6526,6 +6761,9 @@ doc-react-playground {
 .icon-chevron-up-thin.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-chevron-up-thin.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-chevron-up-thin.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6562,6 +6800,9 @@ doc-react-playground {
 .icon-chevron-down-thin.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-chevron-down-thin.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-chevron-down-thin.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6598,6 +6839,9 @@ doc-react-playground {
 .icon-pick.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-pick.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-pick.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6634,6 +6878,9 @@ doc-react-playground {
 .icon-revert.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-revert.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-revert.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6670,6 +6917,9 @@ doc-react-playground {
 .icon-package-plus.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-package-plus.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-package-plus.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6706,6 +6956,9 @@ doc-react-playground {
 .icon-list-plus.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-list-plus.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-list-plus.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6742,6 +6995,9 @@ doc-react-playground {
 .icon-envelope.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-envelope.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-envelope.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6778,6 +7034,9 @@ doc-react-playground {
 .icon-heart.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-heart.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-heart.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6814,6 +7073,9 @@ doc-react-playground {
 .icon-home.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-home.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-home.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6850,6 +7112,9 @@ doc-react-playground {
 .icon-print.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-print.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-print.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6886,6 +7151,9 @@ doc-react-playground {
 .icon-font.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-font.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-font.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6922,6 +7190,9 @@ doc-react-playground {
 .icon-bold.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-bold.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-bold.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6958,6 +7229,9 @@ doc-react-playground {
 .icon-italic.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-italic.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-italic.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -6994,6 +7268,9 @@ doc-react-playground {
 .icon-underline.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-underline.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-underline.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7030,6 +7307,9 @@ doc-react-playground {
 .icon-strikethrough.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-strikethrough.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-strikethrough.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7066,6 +7346,9 @@ doc-react-playground {
 .icon-align-left.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-align-left.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-align-left.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7102,6 +7385,9 @@ doc-react-playground {
 .icon-align-center.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-align-center.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-align-center.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7138,6 +7424,9 @@ doc-react-playground {
 .icon-align-right.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-align-right.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-align-right.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7174,6 +7463,9 @@ doc-react-playground {
 .icon-align-justify.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-align-justify.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-align-justify.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7210,6 +7502,9 @@ doc-react-playground {
 .icon-unordered-list.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-unordered-list.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-unordered-list.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7246,6 +7541,9 @@ doc-react-playground {
 .icon-indent-left.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-indent-left.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-indent-left.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7282,6 +7580,9 @@ doc-react-playground {
 .icon-indent-right.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-indent-right.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-indent-right.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7318,6 +7619,9 @@ doc-react-playground {
 .icon-ban-circle.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-ban-circle.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-ban-circle.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7354,6 +7658,9 @@ doc-react-playground {
 .icon-bell.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-bell.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-bell.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7390,6 +7697,9 @@ doc-react-playground {
 .icon-random.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-random.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-random.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7426,6 +7736,9 @@ doc-react-playground {
 .icon-settings.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-settings.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-settings.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7462,6 +7775,9 @@ doc-react-playground {
 .icon-package-create.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-package-create.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-package-create.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7498,6 +7814,9 @@ doc-react-playground {
 .icon-list-menu.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-list-menu.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-list-menu.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7534,6 +7853,9 @@ doc-react-playground {
 .icon-new-doc.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-new-doc.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-new-doc.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7570,6 +7892,9 @@ doc-react-playground {
 .icon-edit-line.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-edit-line.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-edit-line.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7606,6 +7931,9 @@ doc-react-playground {
 .icon-calendar-list.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-calendar-list.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-calendar-list.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7642,6 +7970,9 @@ doc-react-playground {
 .icon-collapse.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-collapse.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-collapse.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7678,6 +8009,9 @@ doc-react-playground {
 .icon-broadcast.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-broadcast.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-broadcast.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7714,6 +8048,9 @@ doc-react-playground {
 .icon-broadcast-create.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-broadcast-create.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-broadcast-create.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7750,6 +8087,9 @@ doc-react-playground {
 .icon-kill.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-kill.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-kill.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7786,6 +8126,9 @@ doc-react-playground {
 .icon-graphic.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-graphic.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-graphic.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7822,6 +8165,9 @@ doc-react-playground {
 .icon-close-thick.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-close-thick.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-close-thick.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7858,6 +8204,9 @@ doc-react-playground {
 .icon-move.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-move.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-move.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7894,6 +8243,9 @@ doc-react-playground {
 .icon-takes-package.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-takes-package.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-takes-package.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7930,6 +8282,9 @@ doc-react-playground {
 .icon-highlight-package.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-highlight-package.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-highlight-package.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -7966,6 +8321,9 @@ doc-react-playground {
 .icon-preview-mode.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-preview-mode.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-preview-mode.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8002,6 +8360,9 @@ doc-react-playground {
 .icon-unlocked.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-unlocked.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-unlocked.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8038,6 +8399,9 @@ doc-react-playground {
 .icon-code.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-code.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-code.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8074,6 +8438,9 @@ doc-react-playground {
 .icon-cut.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-cut.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-cut.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8110,6 +8477,9 @@ doc-react-playground {
 .icon-paste.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-paste.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-paste.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8146,6 +8516,9 @@ doc-react-playground {
 .icon-arrow-left.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-arrow-left.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-arrow-left.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8182,6 +8555,9 @@ doc-react-playground {
 .icon-arrow-right.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-arrow-right.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-arrow-right.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8218,6 +8594,9 @@ doc-react-playground {
 .icon-info-large.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-info-large.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-info-large.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8254,6 +8633,9 @@ doc-react-playground {
 .icon-help-large.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-help-large.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-help-large.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8290,6 +8672,9 @@ doc-react-playground {
 .icon-attachment.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-attachment.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-attachment.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8326,6 +8711,9 @@ doc-react-playground {
 .icon-attachment-large.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-attachment-large.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-attachment-large.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8362,6 +8750,9 @@ doc-react-playground {
 .icon-table.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-table.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-table.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8398,6 +8789,9 @@ doc-react-playground {
 .icon-ordered-list.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-ordered-list.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-ordered-list.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8434,6 +8828,9 @@ doc-react-playground {
 .icon-heading-1.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-heading-1.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-heading-1.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8470,6 +8867,9 @@ doc-react-playground {
 .icon-heading-2.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-heading-2.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-heading-2.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8506,6 +8906,9 @@ doc-react-playground {
 .icon-heading-3.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-heading-3.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-heading-3.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8542,6 +8945,9 @@ doc-react-playground {
 .icon-heading-4.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-heading-4.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-heading-4.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8578,6 +8984,9 @@ doc-react-playground {
 .icon-heading-5.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-heading-5.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-heading-5.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8614,6 +9023,9 @@ doc-react-playground {
 .icon-heading-6.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-heading-6.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-heading-6.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8650,6 +9062,9 @@ doc-react-playground {
 .icon-quote.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-quote.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-quote.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8686,6 +9101,9 @@ doc-react-playground {
 .icon-multiedit.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-multiedit.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-multiedit.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8722,6 +9140,9 @@ doc-react-playground {
 .icon-phone.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-phone.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-phone.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8758,6 +9179,9 @@ doc-react-playground {
 .icon-mobile.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-mobile.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-mobile.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8794,6 +9218,9 @@ doc-react-playground {
 .icon-twitter.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-twitter.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-twitter.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8830,6 +9257,9 @@ doc-react-playground {
 .icon-facebook.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-facebook.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-facebook.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8866,6 +9296,9 @@ doc-react-playground {
 .icon-linked-in.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-linked-in.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-linked-in.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8902,6 +9335,9 @@ doc-react-playground {
 .icon-twitter-circle.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-twitter-circle.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-twitter-circle.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8938,6 +9374,9 @@ doc-react-playground {
 .icon-facebook-circle.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-facebook-circle.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-facebook-circle.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -8974,6 +9413,9 @@ doc-react-playground {
 .icon-linked-in-circle.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-linked-in-circle.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-linked-in-circle.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9010,6 +9452,9 @@ doc-react-playground {
 .icon-recurring.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-recurring.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-recurring.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9046,6 +9491,9 @@ doc-react-playground {
 .icon-paragraph.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-paragraph.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-paragraph.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9082,6 +9530,9 @@ doc-react-playground {
 .icon-suggestion.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-suggestion.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-suggestion.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9118,6 +9569,9 @@ doc-react-playground {
 .icon-event.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-event.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-event.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9154,6 +9608,9 @@ doc-react-playground {
 .icon-kanban-view.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-kanban-view.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-kanban-view.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9190,6 +9647,9 @@ doc-react-playground {
 .icon-subscript.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-subscript.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-subscript.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9226,6 +9686,9 @@ doc-react-playground {
 .icon-superscript.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-superscript.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-superscript.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9262,6 +9725,9 @@ doc-react-playground {
 .icon-clear-format.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-clear-format.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-clear-format.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9298,6 +9764,9 @@ doc-react-playground {
 .icon-preformatted.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-preformatted.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-preformatted.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9334,6 +9803,9 @@ doc-react-playground {
 .icon-crop.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-crop.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-crop.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9370,6 +9842,9 @@ doc-react-playground {
 .icon-flip-horizontal.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-flip-horizontal.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-flip-horizontal.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9406,6 +9881,9 @@ doc-react-playground {
 .icon-flip-vertical.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-flip-vertical.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-flip-vertical.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9442,6 +9920,9 @@ doc-react-playground {
 .icon-rotate-right.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-rotate-right.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-rotate-right.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9478,6 +9959,9 @@ doc-react-playground {
 .icon-rotate-left.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-rotate-left.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-rotate-left.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9514,6 +9998,9 @@ doc-react-playground {
 .icon-business.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-business.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-business.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9550,6 +10037,9 @@ doc-react-playground {
 .icon-paywall.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-paywall.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-paywall.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9586,6 +10076,9 @@ doc-react-playground {
 .icon-analytics.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-analytics.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-analytics.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9622,6 +10115,9 @@ doc-react-playground {
 .icon-amp.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-amp.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-amp.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9658,6 +10154,9 @@ doc-react-playground {
 .icon-undo.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-undo.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-undo.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9694,6 +10193,9 @@ doc-react-playground {
 .icon-redo.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-redo.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-redo.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9730,6 +10232,9 @@ doc-react-playground {
 .icon-instagram.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-instagram.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-instagram.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9766,6 +10271,9 @@ doc-react-playground {
 .icon-play.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-play.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-play.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9802,6 +10310,9 @@ doc-react-playground {
 .icon-stop.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-stop.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-stop.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9838,6 +10349,9 @@ doc-react-playground {
 .icon-pause.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-pause.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-pause.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9874,6 +10388,9 @@ doc-react-playground {
 .icon-fast_rewind.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-fast_rewind.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-fast_rewind.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9910,6 +10427,9 @@ doc-react-playground {
 .icon-fast_forward.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-fast_forward.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-fast_forward.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9946,6 +10466,9 @@ doc-react-playground {
 .icon-skip_previous.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-skip_previous.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-skip_previous.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -9982,6 +10505,9 @@ doc-react-playground {
 .icon-skip_next.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-skip_next.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-skip_next.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -10018,6 +10544,9 @@ doc-react-playground {
 .icon-add-image.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-add-image.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-add-image.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -10054,6 +10583,9 @@ doc-react-playground {
 .icon-add-gallery.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-add-gallery.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-add-gallery.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -10090,6 +10622,9 @@ doc-react-playground {
 .icon-text-format.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-text-format.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-text-format.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -10126,6 +10661,9 @@ doc-react-playground {
 .icon-to-uppercase.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-to-uppercase.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-to-uppercase.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -10162,6 +10700,9 @@ doc-react-playground {
 .icon-to-lowercase.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-to-lowercase.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-to-lowercase.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -10198,6 +10739,9 @@ doc-react-playground {
 .icon-arrow-small.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-arrow-small.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-arrow-small.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -10234,6 +10778,9 @@ doc-react-playground {
 .icon-clear-all.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-clear-all.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-clear-all.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -10270,6 +10817,9 @@ doc-react-playground {
 .icon-rundown.color--light {
   color: var(--color-text-lighter) !important; }
 
+.icon-rundown.color--white {
+  color: #e2e5e9 !important; }
+
 .icon-rundown.scale--2x {
   --icon-base-size: 32px
         ; }
@@ -10282,6 +10832,279 @@ doc-react-playground {
   --icon-base-size: 64px
         ; }
 
+.icon-photo-cancel:before {
+  content: ""; }
+
+.icon-photo-cancel.color--default {
+  color: var(--color-icon-default); }
+
+.icon-photo-cancel.color--primary {
+  color: var(--sd-colour-primary) !important; }
+
+.icon-photo-cancel.color--success {
+  color: var(--sd-colour-success) !important; }
+
+.icon-photo-cancel.color--warning {
+  color: var(--sd-colour-warning) !important; }
+
+.icon-photo-cancel.color--alert {
+  color: var(--sd-colour-alert) !important; }
+
+.icon-photo-cancel.color--highlight {
+  color: var(--sd-colour-highlight) !important; }
+
+.icon-photo-cancel.color--light {
+  color: var(--color-text-lighter) !important; }
+
+.icon-photo-cancel.color--white {
+  color: #e2e5e9 !important; }
+
+.icon-photo-cancel.scale--2x {
+  --icon-base-size: 32px
+        ; }
+
+.icon-photo-cancel.scale--3x {
+  --icon-base-size: 48px
+        ; }
+
+.icon-photo-cancel.scale--4x {
+  --icon-base-size: 64px
+        ; }
+
+.icon-video-cancel:before {
+  content: ""; }
+
+.icon-video-cancel.color--default {
+  color: var(--color-icon-default); }
+
+.icon-video-cancel.color--primary {
+  color: var(--sd-colour-primary) !important; }
+
+.icon-video-cancel.color--success {
+  color: var(--sd-colour-success) !important; }
+
+.icon-video-cancel.color--warning {
+  color: var(--sd-colour-warning) !important; }
+
+.icon-video-cancel.color--alert {
+  color: var(--sd-colour-alert) !important; }
+
+.icon-video-cancel.color--highlight {
+  color: var(--sd-colour-highlight) !important; }
+
+.icon-video-cancel.color--light {
+  color: var(--color-text-lighter) !important; }
+
+.icon-video-cancel.color--white {
+  color: #e2e5e9 !important; }
+
+.icon-video-cancel.scale--2x {
+  --icon-base-size: 32px
+        ; }
+
+.icon-video-cancel.scale--3x {
+  --icon-base-size: 48px
+        ; }
+
+.icon-video-cancel.scale--4x {
+  --icon-base-size: 64px
+        ; }
+
+.icon-text-cancel:before {
+  content: ""; }
+
+.icon-text-cancel.color--default {
+  color: var(--color-icon-default); }
+
+.icon-text-cancel.color--primary {
+  color: var(--sd-colour-primary) !important; }
+
+.icon-text-cancel.color--success {
+  color: var(--sd-colour-success) !important; }
+
+.icon-text-cancel.color--warning {
+  color: var(--sd-colour-warning) !important; }
+
+.icon-text-cancel.color--alert {
+  color: var(--sd-colour-alert) !important; }
+
+.icon-text-cancel.color--highlight {
+  color: var(--sd-colour-highlight) !important; }
+
+.icon-text-cancel.color--light {
+  color: var(--color-text-lighter) !important; }
+
+.icon-text-cancel.color--white {
+  color: #e2e5e9 !important; }
+
+.icon-text-cancel.scale--2x {
+  --icon-base-size: 32px
+        ; }
+
+.icon-text-cancel.scale--3x {
+  --icon-base-size: 48px
+        ; }
+
+.icon-text-cancel.scale--4x {
+  --icon-base-size: 64px
+        ; }
+
+.icon-file-cancel:before {
+  content: ""; }
+
+.icon-file-cancel.color--default {
+  color: var(--color-icon-default); }
+
+.icon-file-cancel.color--primary {
+  color: var(--sd-colour-primary) !important; }
+
+.icon-file-cancel.color--success {
+  color: var(--sd-colour-success) !important; }
+
+.icon-file-cancel.color--warning {
+  color: var(--sd-colour-warning) !important; }
+
+.icon-file-cancel.color--alert {
+  color: var(--sd-colour-alert) !important; }
+
+.icon-file-cancel.color--highlight {
+  color: var(--sd-colour-highlight) !important; }
+
+.icon-file-cancel.color--light {
+  color: var(--color-text-lighter) !important; }
+
+.icon-file-cancel.color--white {
+  color: #e2e5e9 !important; }
+
+.icon-file-cancel.scale--2x {
+  --icon-base-size: 32px
+        ; }
+
+.icon-file-cancel.scale--3x {
+  --icon-base-size: 48px
+        ; }
+
+.icon-file-cancel.scale--4x {
+  --icon-base-size: 64px
+        ; }
+
+.icon-audio-cancel:before {
+  content: ""; }
+
+.icon-audio-cancel.color--default {
+  color: var(--color-icon-default); }
+
+.icon-audio-cancel.color--primary {
+  color: var(--sd-colour-primary) !important; }
+
+.icon-audio-cancel.color--success {
+  color: var(--sd-colour-success) !important; }
+
+.icon-audio-cancel.color--warning {
+  color: var(--sd-colour-warning) !important; }
+
+.icon-audio-cancel.color--alert {
+  color: var(--sd-colour-alert) !important; }
+
+.icon-audio-cancel.color--highlight {
+  color: var(--sd-colour-highlight) !important; }
+
+.icon-audio-cancel.color--light {
+  color: var(--color-text-lighter) !important; }
+
+.icon-audio-cancel.color--white {
+  color: #e2e5e9 !important; }
+
+.icon-audio-cancel.scale--2x {
+  --icon-base-size: 32px
+        ; }
+
+.icon-audio-cancel.scale--3x {
+  --icon-base-size: 48px
+        ; }
+
+.icon-audio-cancel.scale--4x {
+  --icon-base-size: 64px
+        ; }
+
+.icon-list-alt-cancel:before {
+  content: ""; }
+
+.icon-list-alt-cancel.color--default {
+  color: var(--color-icon-default); }
+
+.icon-list-alt-cancel.color--primary {
+  color: var(--sd-colour-primary) !important; }
+
+.icon-list-alt-cancel.color--success {
+  color: var(--sd-colour-success) !important; }
+
+.icon-list-alt-cancel.color--warning {
+  color: var(--sd-colour-warning) !important; }
+
+.icon-list-alt-cancel.color--alert {
+  color: var(--sd-colour-alert) !important; }
+
+.icon-list-alt-cancel.color--highlight {
+  color: var(--sd-colour-highlight) !important; }
+
+.icon-list-alt-cancel.color--light {
+  color: var(--color-text-lighter) !important; }
+
+.icon-list-alt-cancel.color--white {
+  color: #e2e5e9 !important; }
+
+.icon-list-alt-cancel.scale--2x {
+  --icon-base-size: 32px
+        ; }
+
+.icon-list-alt-cancel.scale--3x {
+  --icon-base-size: 48px
+        ; }
+
+.icon-list-alt-cancel.scale--4x {
+  --icon-base-size: 64px
+        ; }
+
+.icon-post-cancel:before {
+  content: ""; }
+
+.icon-post-cancel.color--default {
+  color: var(--color-icon-default); }
+
+.icon-post-cancel.color--primary {
+  color: var(--sd-colour-primary) !important; }
+
+.icon-post-cancel.color--success {
+  color: var(--sd-colour-success) !important; }
+
+.icon-post-cancel.color--warning {
+  color: var(--sd-colour-warning) !important; }
+
+.icon-post-cancel.color--alert {
+  color: var(--sd-colour-alert) !important; }
+
+.icon-post-cancel.color--highlight {
+  color: var(--sd-colour-highlight) !important; }
+
+.icon-post-cancel.color--light {
+  color: var(--color-text-lighter) !important; }
+
+.icon-post-cancel.color--white {
+  color: #e2e5e9 !important; }
+
+.icon-post-cancel.scale--2x {
+  --icon-base-size: 32px
+        ; }
+
+.icon-post-cancel.scale--3x {
+  --icon-base-size: 48px
+        ; }
+
+.icon-post-cancel.scale--4x {
+  --icon-base-size: 64px
+        ; }
+
 .icn-mix {
   position: relative;
   display: inline-block;
@@ -10295,11 +11118,11 @@ doc-react-playground {
     box-sizing: content-box;
     line-height: 100%;
     color: #9b27b0;
-    right: -0.5rem;
-    bottom: -0.7rem;
+    inset-inline-end: -0.4rem;
+    inset-block-end: -0.6rem;
     height: 1em;
     width: 1em;
-    background-color: var(--sd-item__main-Bg);
+    background-color: var(--sd-item__main-Bg) !important;
     border-radius: var(--b-radius--full);
     padding: 1px;
     z-index: 1;
@@ -10315,8 +11138,8 @@ doc-react-playground {
       font-size: 32px; }
     .icn-mix--2x .icn-mix__sub-icn {
       font-size: 1.6rem;
-      right: -0.6rem;
-      bottom: -0.3rem; }
+      inset-inline-end: -0.6rem;
+      inset-block-end: -0.3rem; }
 
 .double-size-icn {
   display: inline-block;
@@ -10333,13 +11156,13 @@ doc-react-playground {
     opacity: 0.5; }
 
 .subnav .icn-mix__sub-icn {
-  background-color: var(--sd-colour-panel-bg--100); }
+  background-color: var(--sd-colour-panel-bg--100) !important; }
 
 .subnav--darker .icn-mix__sub-icn {
-  background-color: var(--sd-colour-panel-bg--200); }
+  background-color: var(--sd-colour-panel-bg--200) !important; }
 
 .subnav--dark-blue-grey .icn-mix__sub-icn {
-  background-color: var(--color-subnav-bg--blueGrey-10);
+  background-color: var(--color-subnav-bg--blueGrey-10) !important;
   color: #d686e4; }
 
 .subnav--dark-blue-grey .icn-mix__icn {
@@ -12689,6 +13512,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--dashboard.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--dashboard.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--dashboard.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -12718,6 +13543,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--view.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--view.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--view.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -12747,6 +13574,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--tasks.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--tasks.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--tasks.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -12776,6 +13605,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--calendar.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--calendar.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--calendar.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -12805,6 +13636,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--marked-star.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--marked-star.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--marked-star.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -12834,6 +13667,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--archive.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--archive.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--archive.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -12863,6 +13698,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--spike.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--spike.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--spike.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -12892,6 +13729,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--unspike.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--unspike.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--unspike.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -12921,6 +13760,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--personal.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--personal.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--personal.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -12950,6 +13791,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--global-search.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--global-search.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--global-search.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -12979,6 +13822,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--analytics.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--analytics.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--analytics.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -13008,6 +13853,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--web.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--web.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--web.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -13037,6 +13884,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--cog.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--cog.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--cog.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -13066,6 +13915,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--send-to.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--send-to.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--send-to.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -13095,6 +13946,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--info.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--info.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--info.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -13124,6 +13977,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--find-replace.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--find-replace.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--find-replace.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -13153,6 +14008,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--comments.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--comments.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--comments.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -13182,6 +14039,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--history.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--history.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--history.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -13211,6 +14070,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--package.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--package.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--package.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -13240,6 +14101,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--create-package.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--create-package.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--create-package.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -13269,6 +14132,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--add-to-package.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--add-to-package.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--add-to-package.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -13298,6 +14163,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--fetch.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--fetch.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--fetch.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -13327,6 +14194,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--fetch-as.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--fetch-as.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--fetch-as.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -13356,6 +14225,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--macro.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--macro.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--macro.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -13385,6 +14256,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--related.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--related.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--related.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -13414,6 +14287,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--minimize.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--minimize.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--minimize.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -13443,6 +14318,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--settings.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--settings.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--settings.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -13472,6 +14349,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--multiedit.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--multiedit.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--multiedit.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -13501,6 +14380,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--export.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--export.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--export.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -13530,6 +14411,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--create-list.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--create-list.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--create-list.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -13559,6 +14442,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--add-to-list.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--add-to-list.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--add-to-list.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -13588,6 +14473,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--text.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--text.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--text.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -13617,6 +14504,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--desk.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--desk.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--desk.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -13646,6 +14535,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--chevron-left.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--chevron-left.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--chevron-left.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -13675,6 +14566,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--chevron-right.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--chevron-right.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--chevron-right.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -13704,6 +14597,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--dashboard-alt.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--dashboard-alt.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--dashboard-alt.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -13733,6 +14628,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--master.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--master.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--master.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -13762,6 +14659,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--attachment.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--attachment.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--attachment.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -13791,6 +14690,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--upload-alt.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--upload-alt.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--upload-alt.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -13820,6 +14721,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--document-default.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--document-default.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--document-default.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -13849,6 +14752,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--document-pdf.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--document-pdf.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--document-pdf.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -13878,6 +14783,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--document-doc.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--document-doc.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--document-doc.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -13907,6 +14814,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--semantics.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--semantics.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--semantics.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -13936,6 +14845,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--picture.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--picture.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--picture.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -13965,6 +14876,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--manage-package.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--manage-package.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--manage-package.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -13994,6 +14907,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--live.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--live.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--live.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -14023,6 +14938,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--live-alt.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--live-alt.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--live-alt.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -14052,6 +14969,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--meta-search.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--meta-search.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--meta-search.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -14081,6 +15000,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--chat.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--chat.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--chat.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -14110,6 +15031,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--annotation.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--annotation.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--annotation.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -14139,6 +15062,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--suggestion.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--suggestion.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--suggestion.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -14168,6 +15093,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--publisher.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--publisher.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--publisher.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -14197,6 +15124,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--tag.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--tag.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--tag.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -14226,6 +15155,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--rundown.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--rundown.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--rundown.scale--2x {
     --big-icon-size: 52px
         ; }
@@ -14255,6 +15186,8 @@ doc-react-playground {
     color: var(--sd-colour-highlight) !important; }
   .big-icon--checkmark-circle.color--light {
     color: var(--color-text-lighter) !important; }
+  .big-icon--checkmark-circle.color--white {
+    color: #e2e5e9 !important; }
   .big-icon--checkmark-circle.scale--2x {
     --big-icon-size: 52px
         ; }