@sps-woodland/tokens 7.17.9 → 8.0.0

package/lib/css/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 09 Jan 2024 20:11:06 GMT
+ * Generated on Fri, 12 Jan 2024 16:26:13 GMT
  */
 
 :root {
@@ -84,6 +84,58 @@
   --component-add-to-list-draggable-box-is-dragging-color: #717779;
   --component-add-to-list-filter-container-margin-bottom: 1.25rem;
   --component-add-to-list-move-all-button-adjustment-for-phantom-droppable-container-margin-top: 1.5625rem;
+  --component-advanced-search-background: #ffffff;
+  --component-advanced-search-border-color: #d2d4d4;
+  --component-advanced-search-border-radius-bottom: 0.25rem;
+  --component-advanced-search-border-radius-top: 0;
+  --component-advanced-search-border-style: solid;
+  --component-advanced-search-border-width: 0.0625rem;
+  --component-advanced-search-border-width-top: 0;
+  --component-advanced-search-margin-top: 0.625rem;
+  --component-advanced-search-margin-bottom: 1rem;
+  --component-advanced-search-form-padding: 1rem;
+  --component-advanced-search-footer-background: #f3f4f4;
+  --component-advanced-search-footer-padding: 0.5rem;
+  --component-button-kind-default-background: #e9e9ea;
+  --component-button-kind-default-hover-background: #d2d4d4;
+  --component-button-kind-default-border-color: #d2d4d4;
+  --component-button-kind-link-text-color: #007db8;
+  --component-button-kind-link-text-color-hover: #09638d;
+  --component-button-kind-icon-hover-background: #d2d4d4;
+  --component-button-kind-icon-border-color: #d2d4d4;
+  --component-button-kind-icon-padding-vertical: 0.25rem;
+  --component-button-kind-icon-padding-horizontal: 0.5rem;
+  --component-button-kind-confirm-background: #007db8;
+  --component-button-kind-confirm-hover-background: #09638d;
+  --component-button-kind-confirm-border-color: #09638d;
+  --component-button-kind-delete-background: #de002e;
+  --component-button-kind-delete-hover-background: #a30d2d;
+  --component-button-kind-delete-border-color: #a30d2d;
+  --component-button-kind-key-background: #4b5356;
+  --component-button-kind-key-hover-background: #1f282c;
+  --component-button-kind-key-border-color: #1f282c;
+  --component-button-border-style: solid;
+  --component-button-border-width: 0.0625rem;
+  --component-button-border-radius: 0.25rem;
+  --component-button-disabled-background: #ffffff;
+  --component-button-spinner-margin-vertical: 0.875rem;
+  --component-button-spinner-margin-horizontal: 0.4375rem;
+  --component-button-spinner-border-width: 0.125rem;
+  --component-button-spinner-size: 0.875rem;
+  --component-button-font-size: 0.75rem;
+  --component-button-font-weight: 600;
+  --component-button-line-height: 0.875rem;
+  --component-button-text-color-dark: #4b5356;
+  --component-button-text-color-light: #ffffff;
+  --component-button-text-color-disabled: #717779;
+  --component-button-text-color-link: #007db8;
+  --component-button-text-color-link-hover: #09638d;
+  --component-button-padding-vertical: 0.5rem;
+  --component-button-padding-horizontal: 1rem;
+  --component-button-icon-font-size: 0.875rem;
+  --component-button-icon-margin: 0.5rem;
+  --component-button-text-icon-margin: 0.25rem;
+  --component-button-icon-top: 0.125rem;
   --component-cap-content-padding: 0.5rem;
   --component-cap-content-font-size: 0.75rem;
   --component-cap-content-line-height: 1.875rem;
@@ -266,26 +318,138 @@
   --component-filter-tile-tile-value-height: 1.875rem;
   --component-filter-tile-footer-normal-height: 0.25rem;
   --component-filter-tile-footer-active-height: 0.5rem;
+  --component-focused-task-background-color: #f3f4f4;
+  --component-focused-task-transition: top 0.3s ease;
+  --component-focused-task-padding-bottom: 2rem;
+  --component-focused-task-underlay-background: #f3f4f4;
+  --component-focused-task-underlay-padding: 1rem;
+  --component-focused-task-title-padding-left-right: 1rem;
+  --component-focused-task-title-margin-top: 1rem;
+  --component-focused-task-title-margin-bottom: 0.5rem;
+  --component-focused-task-title-max-width: 1240px;
+  --component-focused-task-body-margin: 0 auto;
+  --component-focused-task-body-max-width: 1240px;
+  --component-focused-task-body-padding: 1rem;
+  --component-focused-task-close-button-background-color: rgba(0, 0, 0, 0);
+  --component-focused-task-close-button-color: #4b5356;
+  --component-focused-task-close-button-right: 0.5rem;
+  --component-focused-task-close-button-icon-padding-left-right: 0.25rem;
+  --component-focused-task-list-action-bar-container-background-color: #ffffff;
+  --component-focused-task-list-action-bar-container-box-shadow-offset-y: -0.0625rem;
+  --component-focused-task-list-action-bar-container-box-shadow-blur-radius: 0.125rem;
+  --component-focused-task-list-action-bar-container-box-shadow-color: #00000026;
+  --component-focused-task-list-action-bar-container-height: 3.125rem;
+  --component-focused-task-list-action-bar-container-padding: 0.5rem;
+  --component-focused-task-list-action-bar-max-width: 1180px;
+  --component-growler-border-width: 0.0625rem;
+  --component-growler-kind-activity-background: #e9e9ea;
+  --component-growler-kind-activity-border: #717779;
+  --component-growler-kind-info-background: #007db8;
+  --component-growler-kind-info-border: #007db8;
+  --component-growler-kind-progress-background: #91467f;
+  --component-growler-kind-progress-border: #91467f;
+  --component-growler-kind-error-background: #de002e;
+  --component-growler-kind-error-border: #de002e;
+  --component-growler-kind-success-background: #0b8940;
+  --component-growler-kind-success-border: #0b8940;
+  --component-growler-kind-warning-background: #e7760b;
+  --component-growler-kind-warning-border: #e7760b;
+  --component-growler-duration-visible: 7000;
+  --component-growler-duration-fadeout: 2000;
+  --component-growler-base-border-radius: 0.25rem;
+  --component-growler-base-box-shadow: 0 0 0.3125rem rgba(0, 0, 0, 0.25);
+  --component-growler-base-display: flex;
+  --component-growler-base-margin-bottom: 1rem;
+  --component-growler-base-overflow: hidden;
+  --component-growler-base-width: 25rem;
+  --component-growler-base-z-index: 10000;
+  --component-growler-area-right: 1.875rem;
+  --component-growler-area-top: 5.625rem;
+  --component-growler-icon-font-color: #ffffff;
+  --component-growler-icon-font-size: 1.875rem;
+  --component-growler-icon-box-width: 4.375rem;
+  --component-growler-message-box-background-color: #ffffff;
+  --component-growler-message-box-title-weight: 600;
+  --component-growler-message-box-type-size: 0.75rem;
+  --component-growler-message-box-type-line: 1.25rem;
+  --component-growler-message-box-subtitle-color: #4b5356;
+  --component-growler-message-box-subtitle-width: 16.5rem;
+  --component-growler-message-box-padding-top: 1rem;
+  --component-growler-message-box-padding-right: 2.625rem;
+  --component-growler-message-box-padding-bottom: 1rem;
+  --component-growler-message-box-padding-left: 1rem;
+  --component-growler-close-button-right: 0.5rem;
+  --component-growler-close-button-top: 0.5rem;
   --component-key-value-set-font-size: 0.75rem;
   --component-key-value-set-line-height: 1.125rem;
   --component-key-value-set-spacing: 0.5rem;
   --component-key-value-set-key-font-weight: 600;
-  --component-key-value-tag-key-section-border-left-radius: 0.125rem;
-  --component-key-value-tag-key-section-border-right-radius: 0;
-  --component-key-value-tag-value-section-background: #ffffff;
-  --component-key-value-tag-value-section-border-left-radius: 0;
-  --component-key-value-tag-value-section-border-right-radius: 0.125rem;
-  --component-key-value-tag-value-section-box-shadow-color-default: #e9e9ea;
-  --component-key-value-tag-value-section-box-shadow-color-key: #4b5356;
-  --component-key-value-tag-value-section-box-shadow-color-warning: #e7760b;
-  --component-key-value-tag-value-section-box-shadow-color-error: #de002e;
-  --component-key-value-tag-value-section-box-shadow-color-pending: #91467f;
-  --component-key-value-tag-value-section-box-shadow-color-success: #0b8940;
-  --component-key-value-tag-value-section-box-shadow-color-info: #007db8;
-  --component-key-value-tag-value-section-box-shadow-width: 0.0625rem;
-  --component-key-value-tag-value-section-padding-vertical: 0.125rem;
-  --component-key-value-tag-value-section-padding-horizontal: 0.25rem;
-  --component-key-value-tag-value-section-link-color: #4b5356;
+  --component-list-bar-background: #ffffff;
+  --component-list-bar-border-color: #d2d4d4;
+  --component-list-bar-border-style: solid;
+  --component-list-bar-border-width: 0.0625rem;
+  --component-list-bar-border-radius: 0.25rem;
+  --component-list-bar-margin: 0.5rem;
+  --component-list-bar-pinned-width: 75rem;
+  --component-list-bar-pinned-margin: 37.5rem;
+  --component-list-bar-pinned-top: 3.75rem;
+  --component-list-bar-pinned-height: 0.625rem;
+  --component-list-bar-pinned-left: 0.0625rem;
+  --component-list-bar-content-padding: 0.5rem;
+  --component-list-bar-content-margin: 0.5rem;
+  --component-list-bar-content-height: 2rem;
+  --component-list-bar-controls-padding: 1rem;
+  --component-list-bar-controls-margin: 0.5rem;
+  --component-list-bar-controls-height: 2rem;
+  --component-list-bar-advanced-search-padding: 0.25rem;
+  --component-list-bar-advanced-search-margin: 0.25rem;
+  --component-list-bar-advanced-search-font-size: 0.75rem;
+  --component-list-bar-advanced-search-font-weight: 600;
+  --component-list-bar-advanced-search-line-height: 1.5rem;
+  --component-list-bar-advanced-search-title-padding: 0.5rem;
+  --component-list-bar-advanced-search-icon-font-size: 0.875rem;
+  --component-list-bar-search-form-margin: 0.25rem;
+  --component-list-bar-search-form-max-width: 25rem;
+  --component-list-bar-search-button-background-color: #e9e9ea;
+  --component-list-bar-search-button-border-color: #717779;
+  --component-list-bar-search-button-hover-background-color: #d2d4d4;
+  --component-list-bar-search-button-height: 1.875rem;
+  --component-list-bar-sort-by-color: #4b5356;
+  --component-list-bar-sort-by-padding: 0.25rem;
+  --component-list-bar-search-field-select-height: 2rem;
+  --component-list-bar-search-field-select-line-height: 2rem;
+  --component-modal-background-color: #ffffff;
+  --component-modal-border-style: solid;
+  --component-modal-border-radius: 0.25rem;
+  --component-modal-border-width: 0.0625rem;
+  --component-modal-underlay-background: #f3f4f4;
+  --component-modal-underlay-padding: 1rem;
+  --component-modal-title-color: #ffffff;
+  --component-modal-title-padding: 1rem;
+  --component-modal-title-content-font-size: 0.875rem;
+  --component-modal-title-content-line-height: 1.25rem;
+  --component-modal-title-content-font-weight: 600;
+  --component-modal-title-content-padding-left: 0.5rem;
+  --component-modal-body-padding: 1rem;
+  --component-modal-footer-background-color: #f3f4f4;
+  --component-modal-footer-padding: 0.5rem;
+  --component-modal-close-button-background-color: rgba(0, 0, 0, 0);
+  --component-modal-close-button-color: #ffffff;
+  --component-modal-close-button-icon-padding-left-right: 0.25rem;
+  --component-modal-icon-box-font-size: 0.875rem;
+  --component-modal-icon-box-line-height: 0.875rem;
+  --component-modal-icon-box-padding-right: 0.5rem;
+  --component-modal-kind-form-color: #4b5356;
+  --component-modal-kind-delete-color: #de002e;
+  --component-modal-kind-failure-color: #de002e;
+  --component-modal-kind-informational-color: #007db8;
+  --component-modal-kind-success-color: #0b8940;
+  --component-modal-kind-warning-color: #e7760b;
+  --component-modal-kind-success-with-failures-color: #e7760b;
+  --component-modal-size-sm-width: 23.75rem;
+  --component-modal-size-md-width: 36.25rem;
+  --component-modal-size-lg-width: 48.75rem;
+  --component-modal-size-xl-width: 73.75rem;
   --component-page-subtitle-text-color: #4b5356;
   --component-page-subtitle-text-font-size: 1.125rem;
   --component-page-subtitle-text-line-height: 1.125rem;
@@ -331,6 +495,43 @@
   --component-product-bar-vertical-rule-margin-right: 1rem;
   --component-product-bar-vertical-rule-background: #d2d4d4;
   --component-product-bar-vertical-rule-width: 0.0625rem;
+  --component-progress-bar-progress-color-purple-color: #91467f;
+  --component-progress-bar-progress-color-purple-hover-color: #6e3c65;
+  --component-progress-bar-progress-color-blue-color: #007db8;
+  --component-progress-bar-progress-color-blue-hover-color: #09638d;
+  --component-progress-bar-progress-color-red-color: #de002e;
+  --component-progress-bar-progress-color-red-hover-color: #a30d2d;
+  --component-progress-bar-progress-color-orange-color: #e7760b;
+  --component-progress-bar-progress-color-orange-hover-color: #aa5e14;
+  --component-progress-bar-progress-color-grey-color: #717779;
+  --component-progress-bar-progress-color-grey-hover-color: #1f282c;
+  --component-progress-bar-close-button-margin-left: 0.5rem;
+  --component-progress-bar-close-button-margin-top: 0.375rem;
+  --component-progress-bar-heading-font-size: 0.875rem;
+  --component-progress-bar-heading-line-height: 1.25rem;
+  --component-progress-bar-heading-margin-bottom: 0.5rem;
+  --component-progress-bar-title-color: #1f282c;
+  --component-progress-bar-percentage-color: #91467f;
+  --component-progress-bar-percentage-font-weight: 600;
+  --component-progress-bar-percentage-font-size: 0.875rem;
+  --component-progress-bar-percentage-line-height: 1.25rem;
+  --component-progress-bar-percentage-completed-color: #0b8940;
+  --component-progress-bar-percentage-disabled-color: #d2d4d4;
+  --component-progress-bar-background-background: #e9e9ea;
+  --component-progress-bar-background-border-radius: 0.5rem;
+  --component-progress-bar-background-height: 1rem;
+  --component-progress-bar-progress-background-color: #91467f;
+  --component-progress-bar-progress-border-radius: 0.5rem;
+  --component-progress-bar-progress-height: 1rem;
+  --component-progress-bar-progress-completed-background-color: #0b8940;
+  --component-progress-bar-progress-disabled-background-color: #d2d4d4;
+  --component-progress-bar-detail-color: #4b5356;
+  --component-progress-bar-detail-font-size: 0.75rem;
+  --component-progress-bar-detail-line-height: 1.125rem;
+  --component-progress-bar-detail-margin-top: 1rem;
+  --component-progress-ring-sm: 14;
+  --component-progress-ring-md: 26;
+  --component-progress-ring-lg: 38;
   --component-rich-text-editor-background-color: #ffffff;
   --component-rich-text-editor-border-color: #717779;
   --component-rich-text-editor-border-style: solid;
@@ -355,6 +556,74 @@
   --component-rich-text-editor-toolbar-button-hover-border-color: #d2d4d4;
   --component-rich-text-editor-toolbar-button-active-background-color: #e6f2f8;
   --component-rich-text-editor-toolbar-button-active-border-color: #007db8;
+  --component-search-results-bar-background-color: #e9e9ea;
+  --component-search-results-bar-border-color: #d2d4d4;
+  --component-search-results-bar-border-style: solid;
+  --component-search-results-bar-border-width: 0.0625rem;
+  --component-search-results-bar-border-radius: 0.25rem;
+  --component-search-results-bar-min-height: 3.25rem;
+  --component-search-results-bar-padding: 0.5rem;
+  --component-search-results-bar-margin: 0.25rem;
+  --component-search-results-bar-list-bar-border-radius-bottom: 0.125rem;
+  --component-search-results-bar-list-bar-border-radius-top: 0;
+  --component-search-results-bar-list-bar-border-width: 0;
+  --component-search-results-bar-list-bar-border-width-top: 0.0625rem;
+  --component-search-results-bar-selection-tag-margin-vertical: 0.125rem;
+  --component-search-results-bar-selection-tag-margin-right: 0.25rem;
+  --component-search-results-bar-clear-button-width: 5.25rem;
+  --component-search-results-bar-clear-button-hover-background: #d2d4d4;
+  --component-side-nav-background-color: #ffffff;
+  --component-side-nav-border-color: #d2d4d4;
+  --component-side-nav-border-style: solid;
+  --component-side-nav-border-width: 0.0625rem;
+  --component-side-nav-border-radius: 0.125rem;
+  --component-side-nav-header-background-color: #ffffff;
+  --component-side-nav-header-border-color: #d2d4d4;
+  --component-side-nav-header-border-style: solid;
+  --component-side-nav-header-border-width: 0.0625rem;
+  --component-side-nav-header-padding: 0.5rem;
+  --component-side-nav-header-title-font-size: 0.75rem;
+  --component-side-nav-header-title-line-height: 1.5rem;
+  --component-side-nav-header-title-font-weight: 600;
+  --component-side-nav-header-title-padding-left: 0.5rem;
+  --component-side-nav-header-title-icon-font-size: 0.875rem;
+  --component-side-nav-header-title-icon-margin: 0.25rem;
+  --component-side-nav-filter-border-color: #d2d4d4;
+  --component-side-nav-filter-border-style: solid;
+  --component-side-nav-filter-border-width: 0.0625rem;
+  --component-side-nav-filter-padding-vertical: 0.5rem;
+  --component-side-nav-section-padding-vertical: 0.5rem;
+  --component-side-nav-section-border-color: #d2d4d4;
+  --component-side-nav-section-border-style: solid;
+  --component-side-nav-section-border-width: 0.0625rem;
+  --component-side-nav-section-title-font-size: 1rem;
+  --component-side-nav-section-title-font-weight: 400;
+  --component-side-nav-section-title-color: #717779;
+  --component-side-nav-section-title-margin-top: 0.25rem;
+  --component-side-nav-section-title-margin-bottom: 0.5rem;
+  --component-side-nav-section-title-margin-left: 1rem;
+  --component-side-nav-item-branch-font-size: 0.875rem;
+  --component-side-nav-item-branch-line-height: 1.25rem;
+  --component-side-nav-item-leaf-selected-background-color: #e6f2f8;
+  --component-side-nav-item-leaf-box-shadow-size: 0.125rem;
+  --component-side-nav-item-leaf-box-shadow-color: #007db8;
+  --component-side-nav-item-leaf-color: #1f282c;
+  --component-side-nav-item-leaf-font-weight: 43.75rem;
+  --component-side-nav-item-leaf-expand-icon-size: 0.625rem;
+  --component-side-nav-item-leaf-expand-icon-line-height: 1.25rem;
+  --component-side-nav-item-leaf-expand-icon-margin-right: 0.25rem;
+  --component-side-nav-item-leaf-expand-icon-margin-left: 0.875rem;
+  --component-side-nav-item-link-color: #1f282c;
+  --component-side-nav-item-link-font-size: 0.875rem;
+  --component-side-nav-item-link-line-height: 1.25rem;
+  --component-side-nav-item-link-padding-vertical: 0.5rem;
+  --component-side-nav-item-link-padding-right: 1rem;
+  --component-side-nav-item-link-padding-left: 1.25rem;
+  --component-side-nav-item-link-hover-background-color: #f3f4f4;
+  --component-side-nav-item-nesting-padding-first-level: 2.125rem;
+  --component-side-nav-item-nesting-padding-second-level: 3rem;
+  --component-side-nav-item-nesting-padding-third-level: 3.875rem;
+  --component-side-nav-item-nesting-padding-fouth-level: 4.75rem;
   --component-slack-link-font-size: 0.875rem;
   --component-slack-link-border-color: #007db8;
   --component-slack-link-border-size: 0.0625rem;
@@ -379,12 +648,53 @@
   --component-sorting-header-pinned-shadow-left-adjustment: -0.0625rem;
   --component-spinner-color-primary: #91467f;
   --component-spinner-color-secondary: #f4ecf2;
+  --component-spinner-color-white: #ffffff;
+  --component-spinner-light-color-primary: #ffffff;
+  --component-spinner-light-color-secondary: #ffffff80;
   --component-spinner-sm-dimension: 1.125rem;
   --component-spinner-sm-thickness: 0.125rem;
   --component-spinner-md-dimension: 2.25rem;
   --component-spinner-md-thickness: 0.25rem;
   --component-spinner-lg-dimension: 4.5rem;
   --component-spinner-lg-thickness: 0.5rem;
+  --component-split-tag-key-section-border-left-radius: 0.125rem;
+  --component-split-tag-key-section-border-right-radius: 0;
+  --component-split-tag-value-section-background: #ffffff;
+  --component-split-tag-value-section-border-left-radius: 0;
+  --component-split-tag-value-section-border-right-radius: 0.125rem;
+  --component-split-tag-value-section-box-shadow-color-default: #e9e9ea;
+  --component-split-tag-value-section-box-shadow-color-key: #4b5356;
+  --component-split-tag-value-section-box-shadow-color-warning: #e7760b;
+  --component-split-tag-value-section-box-shadow-color-error: #de002e;
+  --component-split-tag-value-section-box-shadow-color-pending: #91467f;
+  --component-split-tag-value-section-box-shadow-color-success: #0b8940;
+  --component-split-tag-value-section-box-shadow-color-info: #007db8;
+  --component-split-tag-value-section-box-shadow-width: 0.0625rem;
+  --component-split-tag-value-section-padding-vertical: 0.125rem;
+  --component-split-tag-value-section-padding-horizontal: 0.25rem;
+  --component-split-tag-value-section-link-color: #4b5356;
+  --component-stepped-progress-bar-progress-color-purple-color: #91467f;
+  --component-stepped-progress-bar-progress-color-purple-hover-color: #6e3c65;
+  --component-stepped-progress-bar-progress-color-blue-color: #007db8;
+  --component-stepped-progress-bar-progress-color-blue-hover-color: #09638d;
+  --component-stepped-progress-bar-progress-color-red-color: #de002e;
+  --component-stepped-progress-bar-progress-color-red-hover-color: #a30d2d;
+  --component-stepped-progress-bar-progress-color-orange-color: #e7760b;
+  --component-stepped-progress-bar-progress-color-orange-hover-color: #aa5e14;
+  --component-stepped-progress-bar-progress-color-grey-color: #717779;
+  --component-stepped-progress-bar-progress-color-grey-hover-color: #1f282c;
+  --component-stepped-progress-bar-completed-color: #0b8940;
+  --component-stepped-progress-bar-disabled-color: #d2d4d4;
+  --component-stepped-progress-bar-percentage-font-weight: 600;
+  --component-stepped-progress-bar-step-height: 1rem;
+  --component-stepped-progress-bar-step-margin-left: 0.125rem;
+  --component-stepped-progress-bar-step-border-radius: 0.125rem;
+  --component-stepped-progress-bar-step-background: #e9e9ea;
+  --component-stepped-progress-bar-step-disabled-color: #e9e9ea;
+  --component-stepped-progress-bar-step-completed-disabled-color: #d2d4d4;
+  --component-stepped-progress-bar-step-border-radius-end-cap: 0.5rem;
+  --component-stepped-progress-bar-icon-completed-color: #ffffff;
+  --component-stepped-progress-bar-icon-color: #717779;
   --component-tabs-container-background-color: #e9e9ea;
   --component-tabs-container-border-color: #d2d4d4;
   --component-tabs-container-border-width: 0.0625rem;
@@ -675,15 +985,10 @@
   --size-component-add-to-list-filter-container-margin-bottom: 1.25rem;
   --size-component-add-to-list-phantom-droppable-container-total-height: 1.5625rem;
   --size-component-cap-content-line-height: 1.875rem;
-  --size-component-spinner-sm-dimension: 1.125rem;
-  --size-component-spinner-sm-thickness: 0.125rem;
-  --size-component-spinner-md-dimension: 2.25rem;
-  --size-component-spinner-md-thickness: 0.25rem;
-  --size-component-spinner-lg-dimension: 4.5rem;
-  --size-component-spinner-lg-thickness: 0.5rem;
-  --size-component-sorting-header-pinned-shadow-height: 0.625rem;
-  --size-component-sorting-header-pinned-shadow-left-adjustment: -0.0625rem;
-  --size-component-vertical-rule-thickness: 0.0625rem;
+  --size-component-clickable-tag-height: 1.125rem;
+  --size-component-clickable-tag-line-height: 0.75rem;
+  --size-component-clickable-tag-icon-font-size: 0.625rem;
+  --size-component-clickable-tag-icon-top-offset: -0.0625rem;
   --size-component-content-tile-height: 8.625rem;
   --size-component-content-tile-image-height: 3.75rem;
   --size-component-content-tile-image-width: 3.75rem;
@@ -691,29 +996,73 @@
   --size-component-content-tile-image-margin-top: 1rem;
   --size-component-content-tile-container-spacing: 0.5rem;
   --size-component-content-tile-title-container-spacing: 0.5rem;
+  --size-component-file-upload-icon-size: 3rem;
   --size-component-filter-tile-height: 6.625rem;
   --size-component-filter-tile-max-width: 15.625rem;
   --size-component-filter-tile-min-width: 6.875rem;
   --size-component-filter-tile-margin-end-children: 0;
   --size-component-filter-tile-title-height: 2.25rem;
   --size-component-filter-tile-tile-value-height-font-size-line-height: 1.875rem;
-  --size-component-tag-line-height: 0.75rem;
-  --size-component-tag-icon-line-height: 0.625rem;
-  --size-component-clickable-tag-height: 1.125rem;
-  --size-component-clickable-tag-line-height: 0.75rem;
-  --size-component-clickable-tag-icon-font-size: 0.625rem;
-  --size-component-clickable-tag-icon-top-offset: -0.0625rem;
-  --size-component-file-upload-icon-size: 3rem;
+  --size-component-focused-task-height: 3.125rem;
+  --size-component-focused-task-box-shadow-offset-y: -0.0625rem;
+  --size-component-modal-sizes-sm: 23.75rem;
+  --size-component-modal-sizes-md: 36.25rem;
+  --size-component-modal-sizes-lg: 48.75rem;
+  --size-component-modal-sizes-xl: 73.75rem;
   --size-component-product-bar-min-height: 3.75rem;
   --size-component-product-bar-width: 77.5rem;
   --size-component-product-bar-logo-size: 1.5rem;
   --size-component-product-bar-nav-underline: 0.125rem;
   --size-component-product-bar-nav-height: 3.625rem;
   --size-component-product-bar-vertical-rule-height: 2.125rem;
+  --size-component-spinner-sm-dimension: 1.125rem;
+  --size-component-spinner-sm-thickness: 0.125rem;
+  --size-component-spinner-md-dimension: 2.25rem;
+  --size-component-spinner-md-thickness: 0.25rem;
+  --size-component-spinner-lg-dimension: 4.5rem;
+  --size-component-spinner-lg-thickness: 0.5rem;
+  --size-component-sorting-header-pinned-shadow-height: 0.625rem;
+  --size-component-sorting-header-pinned-shadow-left-adjustment: -0.0625rem;
+  --size-component-vertical-rule-thickness: 0.0625rem;
+  --size-component-tag-line-height: 0.75rem;
+  --size-component-tag-icon-line-height: 0.625rem;
   --size-component-zero-state-image-height: 6.25rem;
   --size-component-zero-state-image-width: 12.5rem;
   --size-component-zero-state-icon-font-size: 3rem;
   --size-component-zero-state-icon-line-height: 3rem;
+  --size-component-growler-width: 25rem;
+  --size-component-growler-icon-font-size: 1.875rem;
+  --size-component-growler-icon-box-right: 1.875rem;
+  --size-component-growler-icon-box-top: 5.625rem;
+  --size-component-growler-icon-box-width: 4.375rem;
+  --size-component-growler-message-box-subtitle-width: 16.5rem;
+  --size-component-growler-message-box-padding-right: 2.625rem;
+  --size-component-button-spinner-margin-vertical: 0.875rem;
+  --size-component-button-spinner-margin-horizontal: 0.4375rem;
+  --size-component-button-spinner-border-width: 0.125rem;
+  --size-component-button-spinner-size: 0.875rem;
+  --size-component-search-results-bar-min-height: 3.25rem;
+  --size-component-search-results-bar-clear-button: 5.25rem;
+  --size-component-list-bar-pinned-width: 75rem;
+  --size-component-list-bar-margin-left: 37.5rem;
+  --size-component-list-bar-top: 3.75rem;
+  --size-component-list-bar-height: 0.625rem;
+  --size-component-list-bar-left: 0.0625rem;
+  --size-component-list-bar-content-header-height: 2rem;
+  --size-component-list-bar-search-form-max-width: 25rem;
+  --size-component-list-bar-search-button-height: 1.875rem;
+  --size-component-list-bar-search-field-select-line-height: 2rem;
+  --size-component-advanced-search-margin-top: 0.625rem;
+  --size-component-progress-bar-border-radius: 0.5rem;
+  --size-component-progress-bar-close-button-margin: 0.375rem;
+  --size-component-side-nav-selected-font-weight: 43.75rem;
+  --size-component-side-nav-expand-icon-size: 0.625rem;
+  --size-component-side-nav-expand-icon-margin: 0.875rem;
+  --size-component-side-nav-link-padding-left: 1.25rem;
+  --size-component-side-nav-nested-first-level: 2.125rem;
+  --size-component-side-nav-nested-second-level: 3rem;
+  --size-component-side-nav-nested-third-level: 3.875rem;
+  --size-component-side-nav-nested-fourth-level: 4.75rem;
   --size-grid-gutter: 1rem;
   --size-icon-xs: 0.75rem;
   --size-icon-sm: 0.875rem;

package/lib/css/utils.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 09 Jan 2024 20:11:06 GMT
+ * Generated on Fri, 12 Jan 2024 16:26:13 GMT
  */
 
 .red-light {