boreal-ui 0.0.71 → 0.0.73

package/dist/core/boreal-ui.css

@@ -2206,6 +2206,15 @@ select {
   --border-radius-full: 50%;
   --border-radius-round: 50%;
   --border-radius-none: 0;
+  /* ===========================
+     Border Widths
+  =========================== */
+  --border-width-none: 0;
+  --border-width-xs: 1px;
+  --border-width-sm: 2px;
+  --border-width-md: 3px;
+  --border-width-lg: 4px;
+  --border-width-xl: 5px;
   /* ===========================
      Shadows
   =========================== */
@@ -2870,6 +2879,15 @@ select {
   --border-radius-full: 50%;
   --border-radius-round: 50%;
   --border-radius-none: 0;
+  /* ===========================
+     Border Widths
+  =========================== */
+  --border-width-none: 0;
+  --border-width-xs: 1px;
+  --border-width-sm: 2px;
+  --border-width-md: 3px;
+  --border-width-lg: 4px;
+  --border-width-xl: 5px;
   /* ===========================
      Shadows
   =========================== */
@@ -3070,7 +3088,6 @@ samp {
   gap: var(--spacing-xs);
   flex-wrap: nowrap;
   width: fit-content;
-  padding: 10px 20px;
   border: none;
   cursor: pointer;
   transition: transform var(--transition-default), box-shadow var(--transition-default);
@@ -5205,6 +5222,15 @@ select {
   --border-radius-full: 50%;
   --border-radius-round: 50%;
   --border-radius-none: 0;
+  /* ===========================
+     Border Widths
+  =========================== */
+  --border-width-none: 0;
+  --border-width-xs: 1px;
+  --border-width-sm: 2px;
+  --border-width-md: 3px;
+  --border-width-lg: 4px;
+  --border-width-xl: 5px;
   /* ===========================
      Shadows
   =========================== */
@@ -5943,6 +5969,15 @@ select {
   --border-radius-full: 50%;
   --border-radius-round: 50%;
   --border-radius-none: 0;
+  /* ===========================
+     Border Widths
+  =========================== */
+  --border-width-none: 0;
+  --border-width-xs: 1px;
+  --border-width-sm: 2px;
+  --border-width-md: 3px;
+  --border-width-lg: 4px;
+  --border-width-xl: 5px;
   /* ===========================
      Shadows
   =========================== */
@@ -6254,6 +6289,36 @@ samp {
     border-width: 1.5px;
   }
 }
+.card_border-None {
+  border-width: var(--border-width-none);
+  border-style: solid;
+  border-color: var(--divider-color);
+}
+.card_border-Xs {
+  border-width: var(--border-width-xs);
+  border-style: solid;
+  border-color: var(--divider-color);
+}
+.card_border-Small {
+  border-width: var(--border-width-sm);
+  border-style: solid;
+  border-color: var(--divider-color);
+}
+.card_border-Medium {
+  border-width: var(--border-width-md);
+  border-style: solid;
+  border-color: var(--divider-color);
+}
+.card_border-Large {
+  border-width: var(--border-width-lg);
+  border-style: solid;
+  border-color: var(--divider-color);
+}
+.card_border-Xl {
+  border-width: var(--border-width-xl);
+  border-style: solid;
+  border-color: var(--divider-color);
+}
 .card_primary {
   background: var(--primary-color);
   color: var(--text-color-primary);
@@ -6267,6 +6332,7 @@ samp {
 }
 .card_primary.card_outline {
   background: transparent;
+  border-color: var(--primary-color);
   border: 2px solid var(--primary-color);
   box-shadow: none;
 }
@@ -6288,6 +6354,7 @@ samp {
 }
 .card_secondary.card_outline {
   background: transparent;
+  border-color: var(--secondary-color);
   border: 2px solid var(--secondary-color);
   box-shadow: none;
 }
@@ -6309,6 +6376,7 @@ samp {
 }
 .card_tertiary.card_outline {
   background: transparent;
+  border-color: var(--tertiary-color);
   border: 2px solid var(--tertiary-color);
   box-shadow: none;
 }
@@ -6330,6 +6398,7 @@ samp {
 }
 .card_quaternary.card_outline {
   background: transparent;
+  border-color: var(--quaternary-color);
   border: 2px solid var(--quaternary-color);
   box-shadow: none;
 }
@@ -6351,6 +6420,7 @@ samp {
 }
 .card_clear.card_outline {
   background: transparent;
+  border-color: var(--text-color-primary);
   border: 2px solid var(--text-color-primary);
   box-shadow: none;
 }
@@ -6419,6 +6489,21 @@ samp {
     border-width: 1.5px;
   }
 }
+.card_outline.card_border-Xs {
+  border-width: var(--border-width-xs);
+}
+.card_outline.card_border-Small {
+  border-width: var(--border-width-sm);
+}
+.card_outline.card_border-Medium {
+  border-width: var(--border-width-md);
+}
+.card_outline.card_border-Large {
+  border-width: var(--border-width-lg);
+}
+.card_outline.card_border-Xl {
+  border-width: var(--border-width-xl);
+}
 .card_content {
   display: flex;
   flex-direction: column;
@@ -7301,6 +7386,15 @@ select {
   --border-radius-full: 50%;
   --border-radius-round: 50%;
   --border-radius-none: 0;
+  /* ===========================
+     Border Widths
+  =========================== */
+  --border-width-none: 0;
+  --border-width-xs: 1px;
+  --border-width-sm: 2px;
+  --border-width-md: 3px;
+  --border-width-lg: 4px;
+  --border-width-xl: 5px;
   /* ===========================
      Shadows
   =========================== */
@@ -7475,6 +7569,8 @@ samp {
 }
 .checkbox {
   display: inline-flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
   align-items: center;
   justify-content: center;
   cursor: pointer;
@@ -7831,9 +7927,14 @@ samp {
   border: none;
   transform: none;
 }
+.checkbox_label-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--spacing-xs);
+}
 .checkbox_label {
   color: var(--text-color-primary);
-  margin-bottom: -1px;
   font-family: var(--font-family-ui);
   font-size: var(--font-size-body-sm);
   font-weight: var(--font-weight-body);
@@ -8448,6 +8549,15 @@ select {
   --border-radius-full: 50%;
   --border-radius-round: 50%;
   --border-radius-none: 0;
+  /* ===========================
+     Border Widths
+  =========================== */
+  --border-width-none: 0;
+  --border-width-xs: 1px;
+  --border-width-sm: 2px;
+  --border-width-md: 3px;
+  --border-width-lg: 4px;
+  --border-width-xl: 5px;
   /* ===========================
      Shadows
   =========================== */
@@ -9482,6 +9592,15 @@ select {
   --border-radius-full: 50%;
   --border-radius-round: 50%;
   --border-radius-none: 0;
+  /* ===========================
+     Border Widths
+  =========================== */
+  --border-width-none: 0;
+  --border-width-xs: 1px;
+  --border-width-sm: 2px;
+  --border-width-md: 3px;
+  --border-width-lg: 4px;
+  --border-width-xl: 5px;
   /* ===========================
      Shadows
   =========================== */
@@ -9710,22 +9829,22 @@ samp {
   box-shadow: var(--box-shadow-intense);
 }
 .circular_progress_xs {
-  width: 40px;
-  height: 40px;
+  width: 50px;
+  height: 50px;
 }
 @media (width <= 479.98px) {
   .circular_progress_xs {
-    width: calc(40px * 0.9);
-    height: calc(40px * 0.9);
+    width: calc(50px * 0.9);
+    height: calc(50px * 0.9);
   }
 }
 @media (min-width: 1024px) {
   .circular_progress_xs {
-    width: calc(40px * 1.1);
-    height: calc(40px * 1.1);
+    width: calc(50px * 1.1);
+    height: calc(50px * 1.1);
   }
 }
-.circular_progress_xs .circular_progress_rating_text {
+.circular_progress_xs .circular_progress_value_text {
   font-family: var(--font-family-ui);
   font-size: var(--font-size-caption);
   font-weight: var(--font-weight-label);
@@ -9734,7 +9853,7 @@ samp {
   color: var(--text-color-primary);
 }
 @media (min-width: 1024px) {
-  .circular_progress_xs .circular_progress_rating_text {
+  .circular_progress_xs .circular_progress_value_text {
     font-size: calc(var(--font-size-caption) * 1.05);
   }
 }
@@ -9767,7 +9886,7 @@ samp {
     height: calc(60px * 1.1);
   }
 }
-.circular_progress_small .circular_progress_rating_text {
+.circular_progress_small .circular_progress_value_text {
   font-family: var(--font-family-ui);
   font-size: var(--font-size-label);
   font-weight: var(--font-weight-label);
@@ -9776,7 +9895,7 @@ samp {
   color: var(--text-color-primary);
 }
 @media (min-width: 1024px) {
-  .circular_progress_small .circular_progress_rating_text {
+  .circular_progress_small .circular_progress_value_text {
     font-size: calc(var(--font-size-label) * 1.05);
   }
 }
@@ -9809,7 +9928,7 @@ samp {
     height: calc(100px * 1.1);
   }
 }
-.circular_progress_medium .circular_progress_rating_text {
+.circular_progress_medium .circular_progress_value_text {
   font-family: var(--font-family-ui);
   font-size: var(--font-size-body-sm);
   font-weight: var(--font-weight-label);
@@ -9818,7 +9937,7 @@ samp {
   color: var(--text-color-primary);
 }
 @media (min-width: 1024px) {
-  .circular_progress_medium .circular_progress_rating_text {
+  .circular_progress_medium .circular_progress_value_text {
     font-size: calc(var(--font-size-body-sm) * 1.05);
   }
 }
@@ -9851,7 +9970,7 @@ samp {
     height: calc(140px * 1.1);
   }
 }
-.circular_progress_large .circular_progress_rating_text {
+.circular_progress_large .circular_progress_value_text {
   font-family: var(--font-family-ui);
   font-size: var(--font-size-body);
   font-weight: var(--font-weight-label);
@@ -9860,7 +9979,7 @@ samp {
   color: var(--text-color-primary);
 }
 @media (min-width: 1024px) {
-  .circular_progress_large .circular_progress_rating_text {
+  .circular_progress_large .circular_progress_value_text {
     font-size: calc(var(--font-size-body) * 1.05);
   }
 }
@@ -9893,7 +10012,7 @@ samp {
     height: calc(200px * 1.1);
   }
 }
-.circular_progress_xl .circular_progress_rating_text {
+.circular_progress_xl .circular_progress_value_text {
   font-family: var(--font-family-ui);
   font-size: var(--font-size-h6);
   font-weight: var(--font-weight-label);
@@ -9902,7 +10021,7 @@ samp {
   color: var(--text-color-primary);
 }
 @media (min-width: 1024px) {
-  .circular_progress_xl .circular_progress_rating_text {
+  .circular_progress_xl .circular_progress_value_text {
     font-size: calc(var(--font-size-h6) * 1.05);
   }
 }
@@ -10460,6 +10579,15 @@ select {
   --border-radius-full: 50%;
   --border-radius-round: 50%;
   --border-radius-none: 0;
+  /* ===========================
+     Border Widths
+  =========================== */
+  --border-width-none: 0;
+  --border-width-xs: 1px;
+  --border-width-sm: 2px;
+  --border-width-md: 3px;
+  --border-width-lg: 4px;
+  --border-width-xl: 5px;
   /* ===========================
      Shadows
   =========================== */
@@ -11369,6 +11497,15 @@ select {
   --border-radius-full: 50%;
   --border-radius-round: 50%;
   --border-radius-none: 0;
+  /* ===========================
+     Border Widths
+  =========================== */
+  --border-width-none: 0;
+  --border-width-xs: 1px;
+  --border-width-sm: 2px;
+  --border-width-md: 3px;
+  --border-width-lg: 4px;
+  --border-width-xl: 5px;
   /* ===========================
      Shadows
   =========================== */
@@ -11587,6 +11724,25 @@ samp {
   background-color: transparent;
   color: var(--text-color-primary);
 }
+.textInput input {
+  width: 100%;
+  padding: var(--spacing-sm);
+  border: none;
+  height: 100%;
+  background-color: transparent;
+  color: var(--text-color-primary);
+}
+.textInput input:hover {
+  background-color: transparent;
+}
+.textInput input:focus, .textInput input:focus-within {
+  outline: none;
+}
+.textInput:focus-within {
+  outline: 2px solid var(--focus-outline-color, var(--primary-color));
+  outline-offset: 3px;
+  border-radius: var(--border-radius-md);
+}
 .textInput::placeholder {
   color: var(--text-color-primary);
   opacity: 0.8;
@@ -12331,6 +12487,15 @@ select {
   --border-radius-full: 50%;
   --border-radius-round: 50%;
   --border-radius-none: 0;
+  /* ===========================
+     Border Widths
+  =========================== */
+  --border-width-none: 0;
+  --border-width-xs: 1px;
+  --border-width-sm: 2px;
+  --border-width-md: 3px;
+  --border-width-lg: 4px;
+  --border-width-xl: 5px;
   /* ===========================
      Shadows
   =========================== */
@@ -12531,6 +12696,7 @@ samp {
   display: flex;
   flex-direction: column;
   justify-content: center;
+  align-items: center;
   gap: var(--spacing-sm);
   font-family: var(--font-family-ui);
   font-size: var(--font-size-body-sm);
@@ -12634,6 +12800,7 @@ samp {
   padding: 0;
   margin: 0;
   max-height: 300px;
+  width: 100%;
   overflow-y: auto;
 }
 @media (width <= 479.98px) {
@@ -13375,6 +13542,15 @@ select {
   --border-radius-full: 50%;
   --border-radius-round: 50%;
   --border-radius-none: 0;
+  /* ===========================
+     Border Widths
+  =========================== */
+  --border-width-none: 0;
+  --border-width-xs: 1px;
+  --border-width-sm: 2px;
+  --border-width-md: 3px;
+  --border-width-lg: 4px;
+  --border-width-xl: 5px;
   /* ===========================
      Shadows
   =========================== */
@@ -13608,6 +13784,16 @@ samp {
   outline: 2px solid var(--focus-outline-color, var(--primary-color));
   outline-offset: 0.5px;
 }
+.data_table_wrapper .data_table_sort_button {
+  margin-left: var(--spacing-xxs);
+  background-color: transparent;
+  border: none;
+  color: var(--text-color-primary);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--spacing-xs);
+}
 .data_table_wrapper .data_table_sort_icon {
   margin-left: var(--spacing-xxs);
   font-size: 0.9em;
@@ -14362,6 +14548,15 @@ select {
   --border-radius-full: 50%;
   --border-radius-round: 50%;
   --border-radius-none: 0;
+  /* ===========================
+     Border Widths
+  =========================== */
+  --border-width-none: 0;
+  --border-width-xs: 1px;
+  --border-width-sm: 2px;
+  --border-width-md: 3px;
+  --border-width-lg: 4px;
+  --border-width-xl: 5px;
   /* ===========================
      Shadows
   =========================== */
@@ -15467,6 +15662,15 @@ select {
   --border-radius-full: 50%;
   --border-radius-round: 50%;
   --border-radius-none: 0;
+  /* ===========================
+     Border Widths
+  =========================== */
+  --border-width-none: 0;
+  --border-width-xs: 1px;
+  --border-width-sm: 2px;
+  --border-width-md: 3px;
+  --border-width-lg: 4px;
+  --border-width-xl: 5px;
   /* ===========================
      Shadows
   =========================== */
@@ -16274,6 +16478,15 @@ select {
   --border-radius-full: 50%;
   --border-radius-round: 50%;
   --border-radius-none: 0;
+  /* ===========================
+     Border Widths
+  =========================== */
+  --border-width-none: 0;
+  --border-width-xs: 1px;
+  --border-width-sm: 2px;
+  --border-width-md: 3px;
+  --border-width-lg: 4px;
+  --border-width-xl: 5px;
   /* ===========================
      Shadows
   =========================== */
@@ -17131,6 +17344,15 @@ select {
   --border-radius-full: 50%;
   --border-radius-round: 50%;
   --border-radius-none: 0;
+  /* ===========================
+     Border Widths
+  =========================== */
+  --border-width-none: 0;
+  --border-width-xs: 1px;
+  --border-width-sm: 2px;
+  --border-width-md: 3px;
+  --border-width-lg: 4px;
+  --border-width-xl: 5px;
   /* ===========================
      Shadows
   =========================== */
@@ -18207,6 +18429,15 @@ select {
   --border-radius-full: 50%;
   --border-radius-round: 50%;
   --border-radius-none: 0;
+  /* ===========================
+     Border Widths
+  =========================== */
+  --border-width-none: 0;
+  --border-width-xs: 1px;
+  --border-width-sm: 2px;
+  --border-width-md: 3px;
+  --border-width-lg: 4px;
+  --border-width-xl: 5px;
   /* ===========================
      Shadows
   =========================== */
@@ -18407,20 +18638,20 @@ samp {
   gap: 0.5rem;
   font-family: var(--font-family-ui);
 }
-.progress_title_top {
+.progress_label_top {
   flex-direction: column;
 }
-.progress_title_bottom {
+.progress_label_bottom {
   flex-direction: column;
 }
-.progress_title_left {
+.progress_label_left {
   flex-direction: row;
   align-items: center;
 }
-.progress_title_right {
+.progress_label_right {
   align-items: center;
 }
-.progress_title {
+.progress_label {
   font-family: var(--font-family-ui);
   font-size: var(--font-size-label);
   font-weight: var(--font-weight-label);
@@ -18428,19 +18659,6 @@ samp {
   letter-spacing: var(--letter-spacing-label);
   white-space: nowrap;
 }
-.progress_title_overlay {
-  position: absolute;
-  inset: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  pointer-events: none;
-  font-family: var(--font-family-ui);
-  font-weight: var(--font-weight-label);
-  line-height: var(--line-height-label);
-  font-size: 0.75rem;
-  letter-spacing: var(--letter-spacing-label);
-}
 .progress_bar {
   position: relative;
   height: 100%;
@@ -19112,6 +19330,15 @@ select {
   --border-radius-full: 50%;
   --border-radius-round: 50%;
   --border-radius-none: 0;
+  /* ===========================
+     Border Widths
+  =========================== */
+  --border-width-none: 0;
+  --border-width-xs: 1px;
+  --border-width-sm: 2px;
+  --border-width-md: 3px;
+  --border-width-lg: 4px;
+  --border-width-xl: 5px;
   /* ===========================
      Shadows
   =========================== */
@@ -19972,6 +20199,15 @@ select {
   --border-radius-full: 50%;
   --border-radius-round: 50%;
   --border-radius-none: 0;
+  /* ===========================
+     Border Widths
+  =========================== */
+  --border-width-none: 0;
+  --border-width-xs: 1px;
+  --border-width-sm: 2px;
+  --border-width-md: 3px;
+  --border-width-lg: 4px;
+  --border-width-xl: 5px;
   /* ===========================
      Shadows
   =========================== */
@@ -20915,6 +21151,15 @@ select {
   --border-radius-full: 50%;
   --border-radius-round: 50%;
   --border-radius-none: 0;
+  /* ===========================
+     Border Widths
+  =========================== */
+  --border-width-none: 0;
+  --border-width-xs: 1px;
+  --border-width-sm: 2px;
+  --border-width-md: 3px;
+  --border-width-lg: 4px;
+  --border-width-xl: 5px;
   /* ===========================
      Shadows
   =========================== */
@@ -21090,7 +21335,7 @@ samp {
 .select_wrapper {
   position: relative;
   display: inline-flex;
-  justify-content: space-evenly;
+  justify-content: center;
   align-items: center;
   width: fit-content;
   margin: var(--spacing-xs) 0;
@@ -21321,7 +21566,7 @@ samp {
 .select {
   width: 100%;
   min-height: 40px;
-  padding: 5px 30px;
+  padding: 5px 10px;
   font-family: var(--font-family-ui);
   font-size: var(--font-size-label);
   font-weight: var(--font-weight-label);
@@ -21362,9 +21607,9 @@ samp {
 .select_layout {
   display: flex;
   gap: 0.5rem;
-  width: 100%;
+  width: fit-content;
 }
-.select_title {
+.select_label {
   font-family: var(--font-family-ui);
   font-size: var(--font-size-label);
   font-weight: var(--font-weight-label);
@@ -21372,19 +21617,19 @@ samp {
   letter-spacing: var(--letter-spacing-label);
   white-space: nowrap;
 }
-.select_title_top {
+.select_label_top {
   flex-direction: column;
   align-items: flex-start;
 }
-.select_title_bottom {
+.select_label_bottom {
   flex-direction: column;
   align-items: flex-start;
 }
-.select_title_left, .select_title_right {
+.select_label_left, .select_label_right {
   flex-direction: row;
   align-items: center;
 }
-.select_title_left .select_wrapper, .select_title_right .select_wrapper {
+.select_label_left .select_wrapper, .select_label_right .select_wrapper {
   flex: 1;
   min-width: 0;
 }
@@ -21906,6 +22151,15 @@ select {
   --border-radius-full: 50%;
   --border-radius-round: 50%;
   --border-radius-none: 0;
+  /* ===========================
+     Border Widths
+  =========================== */
+  --border-width-none: 0;
+  --border-width-xs: 1px;
+  --border-width-sm: 2px;
+  --border-width-md: 3px;
+  --border-width-lg: 4px;
+  --border-width-xl: 5px;
   /* ===========================
      Shadows
   =========================== */
@@ -22848,6 +23102,15 @@ select {
   --border-radius-full: 50%;
   --border-radius-round: 50%;
   --border-radius-none: 0;
+  /* ===========================
+     Border Widths
+  =========================== */
+  --border-width-none: 0;
+  --border-width-xs: 1px;
+  --border-width-sm: 2px;
+  --border-width-md: 3px;
+  --border-width-lg: 4px;
+  --border-width-xl: 5px;
   /* ===========================
      Shadows
   =========================== */
@@ -24059,6 +24322,15 @@ select {
   --border-radius-full: 50%;
   --border-radius-round: 50%;
   --border-radius-none: 0;
+  /* ===========================
+     Border Widths
+  =========================== */
+  --border-width-none: 0;
+  --border-width-xs: 1px;
+  --border-width-sm: 2px;
+  --border-width-md: 3px;
+  --border-width-lg: 4px;
+  --border-width-xl: 5px;
   /* ===========================
      Shadows
   =========================== */
@@ -25130,6 +25402,15 @@ select {
   --border-radius-full: 50%;
   --border-radius-round: 50%;
   --border-radius-none: 0;
+  /* ===========================
+     Border Widths
+  =========================== */
+  --border-width-none: 0;
+  --border-width-xs: 1px;
+  --border-width-sm: 2px;
+  --border-width-md: 3px;
+  --border-width-lg: 4px;
+  --border-width-xl: 5px;
   /* ===========================
      Shadows
   =========================== */
@@ -26008,6 +26289,15 @@ select {
   --border-radius-full: 50%;
   --border-radius-round: 50%;
   --border-radius-none: 0;
+  /* ===========================
+     Border Widths
+  =========================== */
+  --border-width-none: 0;
+  --border-width-xs: 1px;
+  --border-width-sm: 2px;
+  --border-width-md: 3px;
+  --border-width-lg: 4px;
+  --border-width-xl: 5px;
   /* ===========================
      Shadows
   =========================== */
@@ -26935,6 +27225,15 @@ select {
   --border-radius-full: 50%;
   --border-radius-round: 50%;
   --border-radius-none: 0;
+  /* ===========================
+     Border Widths
+  =========================== */
+  --border-width-none: 0;
+  --border-width-xs: 1px;
+  --border-width-sm: 2px;
+  --border-width-md: 3px;
+  --border-width-lg: 4px;
+  --border-width-xl: 5px;
   /* ===========================
      Shadows
   =========================== */
@@ -27855,6 +28154,15 @@ select {
   --border-radius-full: 50%;
   --border-radius-round: 50%;
   --border-radius-none: 0;
+  /* ===========================
+     Border Widths
+  =========================== */
+  --border-width-none: 0;
+  --border-width-xs: 1px;
+  --border-width-sm: 2px;
+  --border-width-md: 3px;
+  --border-width-lg: 4px;
+  --border-width-xl: 5px;
   /* ===========================
      Shadows
   =========================== */
@@ -28604,6 +28912,15 @@ select {
   --border-radius-full: 50%;
   --border-radius-round: 50%;
   --border-radius-none: 0;
+  /* ===========================
+     Border Widths
+  =========================== */
+  --border-width-none: 0;
+  --border-width-xs: 1px;
+  --border-width-sm: 2px;
+  --border-width-md: 3px;
+  --border-width-lg: 4px;
+  --border-width-xl: 5px;
   /* ===========================
      Shadows
   =========================== */
@@ -29462,6 +29779,15 @@ select {
   --border-radius-full: 50%;
   --border-radius-round: 50%;
   --border-radius-none: 0;
+  /* ===========================
+     Border Widths
+  =========================== */
+  --border-width-none: 0;
+  --border-width-xs: 1px;
+  --border-width-sm: 2px;
+  --border-width-md: 3px;
+  --border-width-lg: 4px;
+  --border-width-xl: 5px;
   /* ===========================
      Shadows
   =========================== */
@@ -30350,6 +30676,15 @@ select {
   --border-radius-full: 50%;
   --border-radius-round: 50%;
   --border-radius-none: 0;
+  /* ===========================
+     Border Widths
+  =========================== */
+  --border-width-none: 0;
+  --border-width-xs: 1px;
+  --border-width-sm: 2px;
+  --border-width-md: 3px;
+  --border-width-lg: 4px;
+  --border-width-xl: 5px;
   /* ===========================
      Shadows
   =========================== */
@@ -31410,6 +31745,15 @@ select {
   --border-radius-full: 50%;
   --border-radius-round: 50%;
   --border-radius-none: 0;
+  /* ===========================
+     Border Widths
+  =========================== */
+  --border-width-none: 0;
+  --border-width-xs: 1px;
+  --border-width-sm: 2px;
+  --border-width-md: 3px;
+  --border-width-lg: 4px;
+  --border-width-xl: 5px;
   /* ===========================
      Shadows
   =========================== */
@@ -32469,6 +32813,15 @@ select {
   --border-radius-full: 50%;
   --border-radius-round: 50%;
   --border-radius-none: 0;
+  /* ===========================
+     Border Widths
+  =========================== */
+  --border-width-none: 0;
+  --border-width-xs: 1px;
+  --border-width-sm: 2px;
+  --border-width-md: 3px;
+  --border-width-lg: 4px;
+  --border-width-xl: 5px;
   /* ===========================
      Shadows
   =========================== */
@@ -33533,6 +33886,15 @@ select {
   --border-radius-full: 50%;
   --border-radius-round: 50%;
   --border-radius-none: 0;
+  /* ===========================
+     Border Widths
+  =========================== */
+  --border-width-none: 0;
+  --border-width-xs: 1px;
+  --border-width-sm: 2px;
+  --border-width-md: 3px;
+  --border-width-lg: 4px;
+  --border-width-xl: 5px;
   /* ===========================
      Shadows
   =========================== */
@@ -34370,6 +34732,15 @@ select {
   --border-radius-full: 50%;
   --border-radius-round: 50%;
   --border-radius-none: 0;
+  /* ===========================
+     Border Widths
+  =========================== */
+  --border-width-none: 0;
+  --border-width-xs: 1px;
+  --border-width-sm: 2px;
+  --border-width-md: 3px;
+  --border-width-lg: 4px;
+  --border-width-xl: 5px;
   /* ===========================
      Shadows
   =========================== */
@@ -35595,6 +35966,15 @@ select {
   --border-radius-full: 50%;
   --border-radius-round: 50%;
   --border-radius-none: 0;
+  /* ===========================
+     Border Widths
+  =========================== */
+  --border-width-none: 0;
+  --border-width-xs: 1px;
+  --border-width-sm: 2px;
+  --border-width-md: 3px;
+  --border-width-lg: 4px;
+  --border-width-xl: 5px;
   /* ===========================
      Shadows
   =========================== */
@@ -37804,6 +38184,15 @@ select {
   --border-radius-full: 50%;
   --border-radius-round: 50%;
   --border-radius-none: 0;
+  /* ===========================
+     Border Widths
+  =========================== */
+  --border-width-none: 0;
+  --border-width-xs: 1px;
+  --border-width-sm: 2px;
+  --border-width-md: 3px;
+  --border-width-lg: 4px;
+  --border-width-xl: 5px;
   /* ===========================
      Shadows
   =========================== */
@@ -38618,6 +39007,15 @@ select {
   --border-radius-full: 50%;
   --border-radius-round: 50%;
   --border-radius-none: 0;
+  /* ===========================
+     Border Widths
+  =========================== */
+  --border-width-none: 0;
+  --border-width-xs: 1px;
+  --border-width-sm: 2px;
+  --border-width-md: 3px;
+  --border-width-lg: 4px;
+  --border-width-xl: 5px;
   /* ===========================
      Shadows
   =========================== */
@@ -39869,6 +40267,15 @@ select {
   --border-radius-full: 50%;
   --border-radius-round: 50%;
   --border-radius-none: 0;
+  /* ===========================
+     Border Widths
+  =========================== */
+  --border-width-none: 0;
+  --border-width-xs: 1px;
+  --border-width-sm: 2px;
+  --border-width-md: 3px;
+  --border-width-lg: 4px;
+  --border-width-xl: 5px;
   /* ===========================
      Shadows
   =========================== */