@sps-woodland/tokens 7.0.0

package/lib/scss/utils.scss

@@ -0,0 +1,1318 @@
+/**
+ * Do not edit directly
+ * Generated on Tue, 03 Jan 2023 21:10:14 GMT
+ */
+
+.red-light {
+  color: $color-red-light !important;
+}
+.bg-red-light {
+  background-color: $color-red-light !important;
+}
+.border-red-light {
+  border-color: $color-red-light !important;
+  border-style: solid;
+  border-width: $size-border-width-standard;
+}
+.red-medium {
+  color: $color-red-medium !important;
+}
+.bg-red-medium {
+  background-color: $color-red-medium !important;
+}
+.border-red-medium {
+  border-color: $color-red-medium !important;
+  border-style: solid;
+  border-width: $size-border-width-standard;
+}
+.red-dark {
+  color: $color-red-dark !important;
+}
+.bg-red-dark {
+  background-color: $color-red-dark !important;
+}
+.border-red-dark {
+  border-color: $color-red-dark !important;
+  border-style: solid;
+  border-width: $size-border-width-standard;
+}
+.blue-extra-light {
+  color: $color-blue-extra-light !important;
+}
+.bg-blue-extra-light {
+  background-color: $color-blue-extra-light !important;
+}
+.border-blue-extra-light {
+  border-color: $color-blue-extra-light !important;
+  border-style: solid;
+  border-width: $size-border-width-standard;
+}
+.blue-light {
+  color: $color-blue-light !important;
+}
+.bg-blue-light {
+  background-color: $color-blue-light !important;
+}
+.border-blue-light {
+  border-color: $color-blue-light !important;
+  border-style: solid;
+  border-width: $size-border-width-standard;
+}
+.blue-medium {
+  color: $color-blue-medium !important;
+}
+.bg-blue-medium {
+  background-color: $color-blue-medium !important;
+}
+.border-blue-medium {
+  border-color: $color-blue-medium !important;
+  border-style: solid;
+  border-width: $size-border-width-standard;
+}
+.blue-dark {
+  color: $color-blue-dark !important;
+}
+.bg-blue-dark {
+  background-color: $color-blue-dark !important;
+}
+.border-blue-dark {
+  border-color: $color-blue-dark !important;
+  border-style: solid;
+  border-width: $size-border-width-standard;
+}
+.green-light {
+  color: $color-green-light !important;
+}
+.bg-green-light {
+  background-color: $color-green-light !important;
+}
+.border-green-light {
+  border-color: $color-green-light !important;
+  border-style: solid;
+  border-width: $size-border-width-standard;
+}
+.green-medium {
+  color: $color-green-medium !important;
+}
+.bg-green-medium {
+  background-color: $color-green-medium !important;
+}
+.border-green-medium {
+  border-color: $color-green-medium !important;
+  border-style: solid;
+  border-width: $size-border-width-standard;
+}
+.green-dark {
+  color: $color-green-dark !important;
+}
+.bg-green-dark {
+  background-color: $color-green-dark !important;
+}
+.border-green-dark {
+  border-color: $color-green-dark !important;
+  border-style: solid;
+  border-width: $size-border-width-standard;
+}
+.purple-light {
+  color: $color-purple-light !important;
+}
+.bg-purple-light {
+  background-color: $color-purple-light !important;
+}
+.border-purple-light {
+  border-color: $color-purple-light !important;
+  border-style: solid;
+  border-width: $size-border-width-standard;
+}
+.purple-medium-light {
+  color: $color-purple-medium-light !important;
+}
+.bg-purple-medium-light {
+  background-color: $color-purple-medium-light !important;
+}
+.border-purple-medium-light {
+  border-color: $color-purple-medium-light !important;
+  border-style: solid;
+  border-width: $size-border-width-standard;
+}
+.purple-medium {
+  color: $color-purple-medium !important;
+}
+.bg-purple-medium {
+  background-color: $color-purple-medium !important;
+}
+.border-purple-medium {
+  border-color: $color-purple-medium !important;
+  border-style: solid;
+  border-width: $size-border-width-standard;
+}
+.purple-dark {
+  color: $color-purple-dark !important;
+}
+.bg-purple-dark {
+  background-color: $color-purple-dark !important;
+}
+.border-purple-dark {
+  border-color: $color-purple-dark !important;
+  border-style: solid;
+  border-width: $size-border-width-standard;
+}
+.orange-light {
+  color: $color-orange-light !important;
+}
+.bg-orange-light {
+  background-color: $color-orange-light !important;
+}
+.border-orange-light {
+  border-color: $color-orange-light !important;
+  border-style: solid;
+  border-width: $size-border-width-standard;
+}
+.orange-medium {
+  color: $color-orange-medium !important;
+}
+.bg-orange-medium {
+  background-color: $color-orange-medium !important;
+}
+.border-orange-medium {
+  border-color: $color-orange-medium !important;
+  border-style: solid;
+  border-width: $size-border-width-standard;
+}
+.orange-dark {
+  color: $color-orange-dark !important;
+}
+.bg-orange-dark {
+  background-color: $color-orange-dark !important;
+}
+.border-orange-dark {
+  border-color: $color-orange-dark !important;
+  border-style: solid;
+  border-width: $size-border-width-standard;
+}
+.grey-extra-light {
+  color: $color-grey-extra-light !important;
+}
+.bg-grey-extra-light {
+  background-color: $color-grey-extra-light !important;
+}
+.border-grey-extra-light {
+  border-color: $color-grey-extra-light !important;
+  border-style: solid;
+  border-width: $size-border-width-standard;
+}
+.grey-light {
+  color: $color-grey-light !important;
+}
+.bg-grey-light {
+  background-color: $color-grey-light !important;
+}
+.border-grey-light {
+  border-color: $color-grey-light !important;
+  border-style: solid;
+  border-width: $size-border-width-standard;
+}
+.grey-medium-light {
+  color: $color-grey-medium-light !important;
+}
+.bg-grey-medium-light {
+  background-color: $color-grey-medium-light !important;
+}
+.border-grey-medium-light {
+  border-color: $color-grey-medium-light !important;
+  border-style: solid;
+  border-width: $size-border-width-standard;
+}
+.grey-medium {
+  color: $color-grey-medium !important;
+}
+.bg-grey-medium {
+  background-color: $color-grey-medium !important;
+}
+.border-grey-medium {
+  border-color: $color-grey-medium !important;
+  border-style: solid;
+  border-width: $size-border-width-standard;
+}
+.grey-medium-dark {
+  color: $color-grey-medium-dark !important;
+}
+.bg-grey-medium-dark {
+  background-color: $color-grey-medium-dark !important;
+}
+.border-grey-medium-dark {
+  border-color: $color-grey-medium-dark !important;
+  border-style: solid;
+  border-width: $size-border-width-standard;
+}
+.grey-dark {
+  color: $color-grey-dark !important;
+}
+.bg-grey-dark {
+  background-color: $color-grey-dark !important;
+}
+.border-grey-dark {
+  border-color: $color-grey-dark !important;
+  border-style: solid;
+  border-width: $size-border-width-standard;
+}
+.yellow-light {
+  color: $color-yellow-light !important;
+}
+.bg-yellow-light {
+  background-color: $color-yellow-light !important;
+}
+.border-yellow-light {
+  border-color: $color-yellow-light !important;
+  border-style: solid;
+  border-width: $size-border-width-standard;
+}
+.yellow-medium {
+  color: $color-yellow-medium !important;
+}
+.bg-yellow-medium {
+  background-color: $color-yellow-medium !important;
+}
+.border-yellow-medium {
+  border-color: $color-yellow-medium !important;
+  border-style: solid;
+  border-width: $size-border-width-standard;
+}
+.white {
+  color: $color-white !important;
+}
+.bg-white {
+  background-color: $color-white !important;
+}
+.border-white {
+  border-color: $color-white !important;
+  border-style: solid;
+  border-width: $size-border-width-standard;
+}
+.black {
+  color: $color-black !important;
+}
+.bg-black {
+  background-color: $color-black !important;
+}
+.border-black {
+  border-color: $color-black !important;
+  border-style: solid;
+  border-width: $size-border-width-standard;
+}
+.none {
+  color: $color-none !important;
+}
+.bg-none {
+  background-color: $color-none !important;
+}
+.border-none {
+  border-color: $color-none !important;
+  border-style: solid;
+  border-width: $size-border-width-standard;
+}
+
+.grid-root {
+  display: grid !important;
+  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr !important;
+  gap: $size-grid-gutter !important;
+}
+.grid-1 {
+  grid-column: span 1 !important;
+}
+.grid-2 {
+  grid-column: span 2 !important;
+}
+.grid-3 {
+  grid-column: span 3 !important;
+}
+.grid-4 {
+  grid-column: span 4 !important;
+}
+.grid-5 {
+  grid-column: span 5 !important;
+}
+.grid-6 {
+  grid-column: span 6 !important;
+}
+.grid-7 {
+  grid-column: span 7 !important;
+}
+.grid-8 {
+  grid-column: span 8 !important;
+}
+.grid-9 {
+  grid-column: span 9 !important;
+}
+.grid-10 {
+  grid-column: span 10 !important;
+}
+.grid-11 {
+  grid-column: span 11 !important;
+}
+.grid-12 {
+  grid-column: span 12 !important;
+}
+.icon-angle-left::before {
+  content: $icon-angle-left-character !important;
+}
+.icon-angle-right::before {
+  content: $icon-angle-right-character !important;
+}
+.icon-archive::before {
+  content: $icon-archive-character !important;
+}
+.icon-arrow-down::before {
+  content: $icon-arrow-down-character !important;
+}
+.icon-arrow-left-circle::before {
+  content: $icon-arrow-left-circle-character !important;
+}
+.icon-arrow-left::before {
+  content: $icon-arrow-left-character !important;
+}
+.icon-arrow-right::before {
+  content: $icon-arrow-right-character !important;
+}
+.icon-arrow-up::before {
+  content: $icon-arrow-up-character !important;
+}
+.icon-asterisk::before {
+  content: $icon-asterisk-character !important;
+}
+.icon-ban::before {
+  content: $icon-ban-character !important;
+}
+.icon-barcode::before {
+  content: $icon-barcode-character !important;
+}
+.icon-bell::before {
+  content: $icon-bell-character !important;
+}
+.icon-bolt::before {
+  content: $icon-bolt-character !important;
+}
+.icon-book::before {
+  content: $icon-book-character !important;
+}
+.icon-building::before {
+  content: $icon-building-character !important;
+}
+.icon-burst-bolt::before {
+  content: $icon-burst-bolt-character !important;
+}
+.icon-burst::before {
+  content: $icon-burst-character !important;
+}
+.icon-calendar-blank::before {
+  content: $icon-calendar-blank-character !important;
+}
+.icon-calendar::before {
+  content: $icon-calendar-character !important;
+}
+.icon-camera::before {
+  content: $icon-camera-character !important;
+}
+.icon-chart-area::before {
+  content: $icon-chart-area-character !important;
+}
+.icon-chart-bar::before {
+  content: $icon-chart-bar-character !important;
+}
+.icon-chart-line::before {
+  content: $icon-chart-line-character !important;
+}
+.icon-chart-pie::before {
+  content: $icon-chart-pie-character !important;
+}
+.icon-checkmark::before {
+  content: $icon-checkmark-character !important;
+}
+.icon-chevron-down::before {
+  content: $icon-chevron-down-character !important;
+}
+.icon-chevron-left::before {
+  content: $icon-chevron-left-character !important;
+}
+.icon-chevron-right::before {
+  content: $icon-chevron-right-character !important;
+}
+.icon-chevron-up::before {
+  content: $icon-chevron-up-character !important;
+}
+.icon-circle-outline::before {
+  content: $icon-circle-outline-character !important;
+}
+.icon-clock::before {
+  content: $icon-clock-character !important;
+}
+.icon-code-fork::before {
+  content: $icon-code-fork-character !important;
+}
+.icon-comment-bubble-question::before {
+  content: $icon-comment-bubble-question-character !important;
+}
+.icon-comment-bubble::before {
+  content: $icon-comment-bubble-character !important;
+}
+.icon-conversation::before {
+  content: $icon-conversation-character !important;
+}
+.icon-column-switcher::before {
+  content: $icon-column-switcher-character !important;
+}
+.icon-credit-card::before {
+  content: $icon-credit-card-character !important;
+}
+.icon-dashboard::before {
+  content: $icon-dashboard-character !important;
+}
+.icon-database::before {
+  content: $icon-database-character !important;
+}
+.icon-disk::before {
+  content: $icon-disk-character !important;
+}
+.icon-dollar-sign::before {
+  content: $icon-dollar-sign-character !important;
+}
+.icon-double-angle-left::before {
+  content: $icon-double-angle-left-character !important;
+}
+.icon-double-angle-right::before {
+  content: $icon-double-angle-right-character !important;
+}
+.icon-download-cloud::before {
+  content: $icon-download-cloud-character !important;
+}
+.icon-drill::before {
+  content: $icon-drill-character !important;
+}
+.icon-duplicate::before {
+  content: $icon-duplicate-character !important;
+}
+.icon-ellipses::before {
+  content: $icon-ellipses-character !important;
+}
+.icon-envelope::before {
+  content: $icon-envelope-character !important;
+}
+.icon-exchange::before {
+  content: $icon-exchange-character !important;
+}
+.icon-expand-collapse::before {
+  content: $icon-expand-collapse-character !important;
+}
+.icon-eye::before {
+  content: $icon-eye-character !important;
+}
+.icon-file-duplicate::before {
+  content: $icon-file-duplicate-character !important;
+}
+.icon-file-pdf::before {
+  content: $icon-file-pdf-character !important;
+}
+.icon-file-presentation::before {
+  content: $icon-file-presentation-character !important;
+}
+.icon-file-size::before {
+  content: $icon-file-size-character !important;
+}
+.icon-file-solid-text::before {
+  content: $icon-file-solid-text-character !important;
+}
+.icon-file-solid::before {
+  content: $icon-file-solid-character !important;
+}
+.icon-file-spreadsheet::before {
+  content: $icon-file-spreadsheet-character !important;
+}
+.icon-file-text::before {
+  content: $icon-file-text-character !important;
+}
+.icon-file::before {
+  content: $icon-file-character !important;
+}
+.icon-filter::before {
+  content: $icon-filter-character !important;
+}
+.icon-flag::before {
+  content: $icon-flag-character !important;
+}
+.icon-folder-open::before {
+  content: $icon-folder-open-character !important;
+}
+.icon-folder-solid-open::before {
+  content: $icon-folder-solid-open-character !important;
+}
+.icon-folder-solid::before {
+  content: $icon-folder-solid-character !important;
+}
+.icon-folder::before {
+  content: $icon-folder-character !important;
+}
+.icon-gear::before {
+  content: $icon-gear-character !important;
+}
+.icon-globe::before {
+  content: $icon-globe-character !important;
+}
+.icon-grid::before {
+  content: $icon-grid-character !important;
+}
+.icon-group::before {
+  content: $icon-group-character !important;
+}
+.icon-hand-stop::before {
+  content: $icon-hand-stop-character !important;
+}
+.icon-handshake::before {
+  content: $icon-handshake-character !important;
+}
+.icon-hat::before {
+  content: $icon-hat-character !important;
+}
+.icon-heart::before {
+  content: $icon-heart-character !important;
+}
+.icon-history::before {
+  content: $icon-history-character !important;
+}
+.icon-inbox::before {
+  content: $icon-inbox-character !important;
+}
+.icon-incoming::before {
+  content: $icon-incoming-character !important;
+}
+.icon-info-circle::before {
+  content: $icon-info-circle-character !important;
+}
+.icon-intercom::before {
+  content: $icon-intercom-character !important;
+}
+.icon-item-tag::before {
+  content: $icon-item-tag-character !important;
+}
+.icon-key::before {
+  content: $icon-key-character !important;
+}
+.icon-life-preserver::before {
+  content: $icon-life-preserver-character !important;
+}
+.icon-lightbulb::before {
+  content: $icon-lightbulb-character !important;
+}
+.icon-link::before {
+  content: $icon-link-character !important;
+}
+.icon-linkedin::before {
+  content: $icon-linkedin-character !important;
+}
+.icon-list-cards::before {
+  content: $icon-list-cards-character !important;
+}
+.icon-list-columns::before {
+  content: $icon-list-columns-character !important;
+}
+.icon-list-summary::before {
+  content: $icon-list-summary-character !important;
+}
+.icon-list-table::before {
+  content: $icon-list-table-character !important;
+}
+.icon-list::before {
+  content: $icon-list-character !important;
+}
+.icon-location::before {
+  content: $icon-location-character !important;
+}
+.icon-locked::before {
+  content: $icon-locked-character !important;
+}
+.icon-map-marker::before {
+  content: $icon-map-marker-character !important;
+}
+.icon-map::before {
+  content: $icon-map-character !important;
+}
+.icon-maximize::before {
+  content: $icon-maximize-character !important;
+}
+.icon-minimize::before {
+  content: $icon-minimize-character !important;
+}
+.icon-minus-circle::before {
+  content: $icon-minus-circle-character !important;
+}
+.icon-minus::before {
+  content: $icon-minus-character !important;
+}
+.icon-new-file::before {
+  content: $icon-new-file-character !important;
+}
+.icon-new-screen::before {
+  content: $icon-new-screen-character !important;
+}
+.icon-outgoing::before {
+  content: $icon-outgoing-character !important;
+}
+.icon-paper-plane::before {
+  content: $icon-paper-plane-character !important;
+}
+.icon-pencil::before {
+  content: $icon-pencil-character !important;
+}
+.icon-photo::before {
+  content: $icon-photo-character !important;
+}
+.icon-pinterest::before {
+  content: $icon-pinterest-character !important;
+}
+.icon-play::before {
+  content: $icon-play-character !important;
+}
+.icon-plus-circle::before {
+  content: $icon-plus-circle-character !important;
+}
+.icon-plus-sign::before {
+  content: $icon-plus-sign-character !important;
+}
+.icon-presentation::before {
+  content: $icon-presentation-character !important;
+}
+.icon-printer::before {
+  content: $icon-printer-character !important;
+}
+.icon-qr-code::before {
+  content: $icon-qr-code-character !important;
+}
+.icon-question-circle::before {
+  content: $icon-question-circle-character !important;
+}
+.icon-quote-left::before {
+  content: $icon-quote-left-character !important;
+}
+.icon-quote-right::before {
+  content: $icon-quote-right-character !important;
+}
+.icon-random::before {
+  content: $icon-random-character !important;
+}
+.icon-refresh::before {
+  content: $icon-refresh-character !important;
+}
+.icon-rocket::before {
+  content: $icon-rocket-character !important;
+}
+.icon-search-plus::before {
+  content: $icon-search-plus-character !important;
+}
+.icon-search::before {
+  content: $icon-search-character !important;
+}
+.icon-share::before {
+  content: $icon-share-character !important;
+}
+.icon-shopping-cart::before {
+  content: $icon-shopping-cart-character !important;
+}
+.icon-sort-alpha-asc::before {
+  content: $icon-sort-alpha-asc-character !important;
+}
+.icon-sort-alpha-desc::before {
+  content: $icon-sort-alpha-desc-character !important;
+}
+.icon-sort-num-asc::before {
+  content: $icon-sort-num-asc-character !important;
+}
+.icon-sort-num-desc::before {
+  content: $icon-sort-num-desc-character !important;
+}
+.icon-star-outline::before {
+  content: $icon-star-outline-character !important;
+}
+.icon-star::before {
+  content: $icon-star-character !important;
+}
+.icon-archive-circle::before {
+  content: $icon-archive-circle-character !important;
+}
+.icon-x-circle::before {
+  content: $icon-x-circle-character !important;
+}
+.icon-exclamation-circle::before {
+  content: $icon-exclamation-circle-character !important;
+}
+.icon-descending-ellipses-circle::before {
+  content: $icon-descending-ellipses-circle-character !important;
+}
+.icon-double-angle-right-circle::before {
+  content: $icon-double-angle-right-circle-character !important;
+}
+.icon-locked-circle::before {
+  content: $icon-locked-circle-character !important;
+}
+.icon-asterisk-circle::before {
+  content: $icon-asterisk-circle-character !important;
+}
+.icon-checkmark-circle::before {
+  content: $icon-checkmark-circle-character !important;
+}
+.icon-clock-circle::before {
+  content: $icon-clock-circle-character !important;
+}
+.icon-calendar-blank-circle::before {
+  content: $icon-calendar-blank-circle-character !important;
+}
+.icon-ban-circle::before {
+  content: $icon-ban-circle-character !important;
+}
+.icon-disk-circle::before {
+  content: $icon-disk-circle-character !important;
+}
+.icon-template-circle::before {
+  content: $icon-template-circle-character !important;
+}
+.icon-exclamation-triangle::before {
+  content: $icon-exclamation-triangle-character !important;
+}
+.icon-table::before {
+  content: $icon-table-character !important;
+}
+.icon-tabs::before {
+  content: $icon-tabs-character !important;
+}
+.icon-thumbs-down-outline::before {
+  content: $icon-thumbs-down-outline-character !important;
+}
+.icon-thumbs-down::before {
+  content: $icon-thumbs-down-character !important;
+}
+.icon-thumbs-up-outline::before {
+  content: $icon-thumbs-up-outline-character !important;
+}
+.icon-thumbs-up::before {
+  content: $icon-thumbs-up-character !important;
+}
+.icon-trash::before {
+  content: $icon-trash-character !important;
+}
+.icon-truck-shipping::before {
+  content: $icon-truck-shipping-character !important;
+}
+.icon-twitter::before {
+  content: $icon-twitter-character !important;
+}
+.icon-undo::before {
+  content: $icon-undo-character !important;
+}
+.icon-unlocked::before {
+  content: $icon-unlocked-character !important;
+}
+.icon-upload-cloud::before {
+  content: $icon-upload-cloud-character !important;
+}
+.icon-wrench::before {
+  content: $icon-wrench-character !important;
+}
+.icon-x::before {
+  content: $icon-x-character !important;
+}
+.icon-arrow-right-circle::before {
+  content: $icon-arrow-right-circle-character !important;
+}
+.icon-calendar-select::before {
+  content: $icon-calendar-select-character !important;
+}
+.icon-tag::before {
+  content: $icon-tag-character !important;
+}
+.icon-user::before {
+  content: $icon-user-character !important;
+}
+.icon-eye-slash::before {
+  content: $icon-eye-slash-character !important;
+}
+.icon-bell-filled::before {
+  content: $icon-bell-filled-character !important;
+}
+.icon-nested-list::before {
+  content: $icon-nested-list-character !important;
+}
+.icon-pin::before {
+  content: $icon-pin-character !important;
+}
+.icon-user-impersonation::before {
+  content: $icon-user-impersonation-character !important;
+}
+.icon-status-archived {
+  color: $icon-status-archived-color !important;
+}
+.icon-status-archived::before {
+  content: $icon-status-archived-character !important;
+}
+
+.icon-status-cancelled {
+  color: $icon-status-cancelled-color !important;
+}
+.icon-status-cancelled::before {
+  content: $icon-status-cancelled-character !important;
+}
+
+.icon-status-error {
+  color: $icon-status-error-color !important;
+}
+.icon-status-error::before {
+  content: $icon-status-error-character !important;
+}
+
+.icon-status-in-process {
+  color: $icon-status-in-process-color !important;
+}
+.icon-status-in-process::before {
+  content: $icon-status-in-process-character !important;
+}
+
+.icon-status-in-transit {
+  color: $icon-status-in-transit-color !important;
+}
+.icon-status-in-transit::before {
+  content: $icon-status-in-transit-character !important;
+}
+
+.icon-status-locked {
+  color: $icon-status-locked-color !important;
+}
+.icon-status-locked::before {
+  content: $icon-status-locked-character !important;
+}
+
+.icon-status-new {
+  color: $icon-status-new-color !important;
+}
+.icon-status-new::before {
+  content: $icon-status-new-character !important;
+}
+
+.icon-status-ok {
+  color: $icon-status-ok-color !important;
+}
+.icon-status-ok::before {
+  content: $icon-status-ok-character !important;
+}
+
+.icon-status-on-hold {
+  color: $icon-status-on-hold-color !important;
+}
+.icon-status-on-hold::before {
+  content: $icon-status-on-hold-character !important;
+}
+
+.icon-status-outdated {
+  color: $icon-status-outdated-color !important;
+}
+.icon-status-outdated::before {
+  content: $icon-status-outdated-character !important;
+}
+
+.icon-status-rejected {
+  color: $icon-status-rejected-color !important;
+}
+.icon-status-rejected::before {
+  content: $icon-status-rejected-character !important;
+}
+
+.icon-status-saved {
+  color: $icon-status-saved-color !important;
+}
+.icon-status-saved::before {
+  content: $icon-status-saved-character !important;
+}
+
+.icon-status-saving {
+  color: $icon-status-saving-color !important;
+}
+.icon-status-saving::before {
+  content: $icon-status-saving-character !important;
+}
+
+.icon-status-template {
+  color: $icon-status-template-color !important;
+}
+.icon-status-template::before {
+  content: $icon-status-template-character !important;
+}
+
+.icon-status-warning {
+  color: $icon-status-warning-color !important;
+}
+.icon-status-warning::before {
+  content: $icon-status-warning-character !important;
+}
+
+.icon_size-xs {
+  font-size: $size-icon-xs !important;
+}
+.icon_size-sm {
+  font-size: $size-icon-sm !important;
+}
+.icon_size-md {
+  font-size: $size-icon-md !important;
+}
+.icon_size-lg {
+  font-size: $size-icon-lg !important;
+}
+.m-xs {
+  margin: $size-spacing-xs !important;
+}
+.mx-xs {
+  margin-left: $size-spacing-xs !important;
+  margin-right: $size-spacing-xs !important;
+}
+.my-xs {
+  margin-top: $size-spacing-xs !important;
+  margin-bottom: $size-spacing-xs !important;
+}
+.mt-xs {
+  margin-top: $size-spacing-xs !important;
+}
+.mr-xs {
+  margin-right: $size-spacing-xs !important;
+}
+.mb-xs {
+  margin-bottom: $size-spacing-xs !important;
+}
+.ml-xs {
+  margin-left: $size-spacing-xs !important;
+}
+.p-xs {
+  padding: $size-spacing-xs !important;
+}
+.px-xs {
+  padding-left: $size-spacing-xs !important;
+  padding-right: $size-spacing-xs !important;
+}
+.py-xs {
+  padding-top: $size-spacing-xs !important;
+  padding-bottom: $size-spacing-xs !important;
+}
+.pt-xs {
+  padding-top: $size-spacing-xs !important;
+}
+.pr-xs {
+  padding-right: $size-spacing-xs !important;
+}
+.pb-xs {
+  padding-bottom: $size-spacing-xs !important;
+}
+.pl-xs {
+  padding-left: $size-spacing-xs !important;
+}
+.m-sm {
+  margin: $size-spacing-sm !important;
+}
+.mx-sm {
+  margin-left: $size-spacing-sm !important;
+  margin-right: $size-spacing-sm !important;
+}
+.my-sm {
+  margin-top: $size-spacing-sm !important;
+  margin-bottom: $size-spacing-sm !important;
+}
+.mt-sm {
+  margin-top: $size-spacing-sm !important;
+}
+.mr-sm {
+  margin-right: $size-spacing-sm !important;
+}
+.mb-sm {
+  margin-bottom: $size-spacing-sm !important;
+}
+.ml-sm {
+  margin-left: $size-spacing-sm !important;
+}
+.p-sm {
+  padding: $size-spacing-sm !important;
+}
+.px-sm {
+  padding-left: $size-spacing-sm !important;
+  padding-right: $size-spacing-sm !important;
+}
+.py-sm {
+  padding-top: $size-spacing-sm !important;
+  padding-bottom: $size-spacing-sm !important;
+}
+.pt-sm {
+  padding-top: $size-spacing-sm !important;
+}
+.pr-sm {
+  padding-right: $size-spacing-sm !important;
+}
+.pb-sm {
+  padding-bottom: $size-spacing-sm !important;
+}
+.pl-sm {
+  padding-left: $size-spacing-sm !important;
+}
+.m-md {
+  margin: $size-spacing-md !important;
+}
+.mx-md {
+  margin-left: $size-spacing-md !important;
+  margin-right: $size-spacing-md !important;
+}
+.my-md {
+  margin-top: $size-spacing-md !important;
+  margin-bottom: $size-spacing-md !important;
+}
+.mt-md {
+  margin-top: $size-spacing-md !important;
+}
+.mr-md {
+  margin-right: $size-spacing-md !important;
+}
+.mb-md {
+  margin-bottom: $size-spacing-md !important;
+}
+.ml-md {
+  margin-left: $size-spacing-md !important;
+}
+.p-md {
+  padding: $size-spacing-md !important;
+}
+.px-md {
+  padding-left: $size-spacing-md !important;
+  padding-right: $size-spacing-md !important;
+}
+.py-md {
+  padding-top: $size-spacing-md !important;
+  padding-bottom: $size-spacing-md !important;
+}
+.pt-md {
+  padding-top: $size-spacing-md !important;
+}
+.pr-md {
+  padding-right: $size-spacing-md !important;
+}
+.pb-md {
+  padding-bottom: $size-spacing-md !important;
+}
+.pl-md {
+  padding-left: $size-spacing-md !important;
+}
+.m-lg {
+  margin: $size-spacing-lg !important;
+}
+.mx-lg {
+  margin-left: $size-spacing-lg !important;
+  margin-right: $size-spacing-lg !important;
+}
+.my-lg {
+  margin-top: $size-spacing-lg !important;
+  margin-bottom: $size-spacing-lg !important;
+}
+.mt-lg {
+  margin-top: $size-spacing-lg !important;
+}
+.mr-lg {
+  margin-right: $size-spacing-lg !important;
+}
+.mb-lg {
+  margin-bottom: $size-spacing-lg !important;
+}
+.ml-lg {
+  margin-left: $size-spacing-lg !important;
+}
+.p-lg {
+  padding: $size-spacing-lg !important;
+}
+.px-lg {
+  padding-left: $size-spacing-lg !important;
+  padding-right: $size-spacing-lg !important;
+}
+.py-lg {
+  padding-top: $size-spacing-lg !important;
+  padding-bottom: $size-spacing-lg !important;
+}
+.pt-lg {
+  padding-top: $size-spacing-lg !important;
+}
+.pr-lg {
+  padding-right: $size-spacing-lg !important;
+}
+.pb-lg {
+  padding-bottom: $size-spacing-lg !important;
+}
+.pl-lg {
+  padding-left: $size-spacing-lg !important;
+}
+
+.fs-body-sm {
+  font-size: $size-type-body-sm-font !important;
+}
+.type-body-sm {
+  font-size: $size-type-body-sm-font !important;
+  line-height: $size-type-body-sm-line !important;
+}
+.lh-body-sm {
+  line-height: $size-type-body-sm-line !important;
+}
+.fs-body-md {
+  font-size: $size-type-body-md-font !important;
+}
+.type-body-md {
+  font-size: $size-type-body-md-font !important;
+  line-height: $size-type-body-md-line !important;
+}
+.lh-body-md {
+  line-height: $size-type-body-md-line !important;
+}
+.fs-component-sm {
+  font-size: $size-type-component-sm-font !important;
+}
+.type-component-sm {
+  font-size: $size-type-component-sm-font !important;
+  line-height: $size-type-component-sm-line !important;
+}
+.lh-component-sm {
+  line-height: $size-type-component-sm-line !important;
+}
+.fs-title-sm {
+  font-size: $size-type-title-sm-font !important;
+}
+.type-title-sm {
+  font-size: $size-type-title-sm-font !important;
+  line-height: $size-type-title-sm-line !important;
+}
+.lh-title-sm {
+  line-height: $size-type-title-sm-line !important;
+}
+.fs-title-md {
+  font-size: $size-type-title-md-font !important;
+}
+.type-title-md {
+  font-size: $size-type-title-md-font !important;
+  line-height: $size-type-title-md-line !important;
+}
+.lh-title-md {
+  line-height: $size-type-title-md-line !important;
+}
+.fs-title-lg {
+  font-size: $size-type-title-lg-font !important;
+}
+.type-title-lg {
+  font-size: $size-type-title-lg-font !important;
+  line-height: $size-type-title-lg-line !important;
+}
+.lh-title-lg {
+  line-height: $size-type-title-lg-line !important;
+}
+.fs-title-xl {
+  font-size: $size-type-title-xl-font !important;
+}
+.type-title-xl {
+  font-size: $size-type-title-xl-font !important;
+  line-height: $size-type-title-xl-line !important;
+}
+.lh-title-xl {
+  line-height: $size-type-title-xl-line !important;
+}
+.fw-normal {
+  font-weight: $type-weight-normal !important;
+}
+.fw-bold {
+  font-weight: $type-weight-bold !important;
+}
+
+.m-none {
+  margin: 0 !important;
+}
+.mx-none {
+  margin-left: 0 !important;
+  margin-right: 0 !important;
+}
+.my-none {
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+}
+.mt-none {
+  margin-top: 0 !important;
+}
+.mr-none {
+  margin-right: 0 !important;
+}
+.mb-none {
+  margin-bottom: 0 !important;
+}
+.ml-none {
+  margin-left: 0 !important;
+}
+.p-none {
+  padding: 0 !important;
+}
+.px-none {
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+}
+.py-none {
+  padding-top: 0 !important;
+  padding-bottom: 0 !important;
+}
+.pt-none {
+  padding-top: 0 !important;
+}
+.pr-none {
+  padding-right: 0 !important;
+}
+.pb-none {
+  padding-bottom: 0 !important;
+}
+.pl-none {
+  padding-left: 0 !important;
+}
+.m-auto {
+  margin: auto !important;
+}
+.mx-auto {
+  margin-left: auto !important;
+  margin-right: auto !important;
+}
+.my-auto {
+  margin-top: auto !important;
+  margin-bottom: auto !important;
+}
+.mt-auto {
+  margin-top: auto !important;
+}
+.mr-auto {
+  margin-right: auto !important;
+}
+.mb-auto {
+  margin-bottom: auto !important;
+}
+.ml-auto {
+  margin-left: auto !important;
+}
+.p-auto {
+  padding: auto !important;
+}
+.px-auto {
+  padding-left: auto !important;
+  padding-right: auto !important;
+}
+.py-auto {
+  padding-top: auto !important;
+  padding-bottom: auto !important;
+}
+.pt-auto {
+  padding-top: auto !important;
+}
+.pr-auto {
+  padding-right: auto !important;
+}
+.pb-auto {
+  padding-bottom: auto !important;
+}
+.pl-auto {
+  padding-left: auto !important;
+}