@itcase/ui 1.9.22 → 1.9.24

package/dist/css/styles/bundles.css

@@ -35599,6 +35599,25 @@ textarea.fill {
         }
       }
 }
+.hover-filter {
+  &_brightness {
+    &09 {
+      &:hover {
+        filter: brightness(0.9);
+      }
+    }
+    &1 {
+      &:hover {
+        filter: brightness(1);
+      }
+    }
+    &11 {
+      &:hover {
+        filter: brightness(1.1);
+      }
+    }
+  }
+}
 .hover-item-color {
       &_accent {
         &-item {
@@ -72790,6 +72809,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_red {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-red);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-red);
+      }
+    }
     &_red {
       &-item {
         & svg {
@@ -72846,6 +72877,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_neon-pink {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-neon-pink);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-neon-pink);
+      }
+    }
     &_neon-pink {
       &-item {
         & svg {
@@ -72902,6 +72945,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_electric-pink {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-electric-pink);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-electric-pink);
+      }
+    }
     &_electric-pink {
       &-item {
         & svg {
@@ -72958,6 +73013,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_hibiscus {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-hibiscus);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-hibiscus);
+      }
+    }
     &_hibiscus {
       &-item {
         & svg {
@@ -73014,6 +73081,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_pink {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-pink);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-pink);
+      }
+    }
     &_pink {
       &-item {
         & svg {
@@ -73070,6 +73149,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_pink-citrus {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-pink-citrus);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-pink-citrus);
+      }
+    }
     &_pink-citrus {
       &-item {
         & svg {
@@ -73126,6 +73217,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_pomegranate {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-pomegranate);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-pomegranate);
+      }
+    }
     &_pomegranate {
       &-item {
         & svg {
@@ -73182,6 +73285,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_dragon-fruit {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-dragon-fruit);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-dragon-fruit);
+      }
+    }
     &_dragon-fruit {
       &-item {
         & svg {
@@ -73238,6 +73353,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_camellia {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-camellia);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-camellia);
+      }
+    }
     &_camellia {
       &-item {
         & svg {
@@ -73294,6 +73421,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_red-rose {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-red-rose);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-red-rose);
+      }
+    }
     &_red-rose {
       &-item {
         & svg {
@@ -73350,6 +73489,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_plum {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-plum);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-plum);
+      }
+    }
     &_plum {
       &-item {
         & svg {
@@ -73406,6 +73557,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_orange {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-orange);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-orange);
+      }
+    }
     &_orange {
       &-item {
         & svg {
@@ -73462,6 +73625,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_clementine {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-clementine);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-clementine);
+      }
+    }
     &_clementine {
       &-item {
         & svg {
@@ -73518,6 +73693,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_apricot {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-apricot);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-apricot);
+      }
+    }
     &_apricot {
       &-item {
         & svg {
@@ -73574,6 +73761,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_papaya {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-papaya);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-papaya);
+      }
+    }
     &_papaya {
       &-item {
         & svg {
@@ -73630,6 +73829,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_kumquat {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-kumquat);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-kumquat);
+      }
+    }
     &_kumquat {
       &-item {
         & svg {
@@ -73686,6 +73897,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_light-orange {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-light-orange);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-light-orange);
+      }
+    }
     &_light-orange {
       &-item {
         & svg {
@@ -73742,6 +73965,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_peach {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-peach);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-peach);
+      }
+    }
     &_peach {
       &-item {
         & svg {
@@ -73798,6 +74033,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_flamingo {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-flamingo);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-flamingo);
+      }
+    }
     &_flamingo {
       &-item {
         & svg {
@@ -73854,6 +74101,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_rose-gold {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-rose-gold);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-rose-gold);
+      }
+    }
     &_rose-gold {
       &-item {
         & svg {
@@ -73910,6 +74169,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_pink-sand {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-pink-sand);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-pink-sand);
+      }
+    }
     &_pink-sand {
       &-item {
         & svg {
@@ -73966,6 +74237,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_vintage-rose {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-vintage-rose);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-vintage-rose);
+      }
+    }
     &_vintage-rose {
       &-item {
         & svg {
@@ -74022,6 +74305,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_grapefruit {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-grapefruit);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-grapefruit);
+      }
+    }
     &_grapefruit {
       &-item {
         & svg {
@@ -74078,6 +74373,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_light-pink {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-light-pink);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-light-pink);
+      }
+    }
     &_light-pink {
       &-item {
         & svg {
@@ -74134,6 +74441,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_light-red {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-light-red);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-light-red);
+      }
+    }
     &_light-red {
       &-item {
         & svg {
@@ -74190,6 +74509,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_cream {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-cream);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-cream);
+      }
+    }
     &_cream {
       &-item {
         & svg {
@@ -74246,6 +74577,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_almond {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-almond);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-almond);
+      }
+    }
     &_almond {
       &-item {
         & svg {
@@ -74302,6 +74645,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_mellow-yellow {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-mellow-yellow);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-mellow-yellow);
+      }
+    }
     &_mellow-yellow {
       &-item {
         & svg {
@@ -74358,6 +74713,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_canary-yellow {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-canary-yellow);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-canary-yellow);
+      }
+    }
     &_canary-yellow {
       &-item {
         & svg {
@@ -74414,6 +74781,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_pollen {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-pollen);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-pollen);
+      }
+    }
     &_pollen {
       &-item {
         & svg {
@@ -74470,6 +74849,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_flash-light {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-flash-light);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-flash-light);
+      }
+    }
     &_flash-light {
       &-item {
         & svg {
@@ -74526,6 +74917,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_lemon-cream {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-lemon-cream);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-lemon-cream);
+      }
+    }
     &_lemon-cream {
       &-item {
         & svg {
@@ -74582,6 +74985,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_flash {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-flash);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-flash);
+      }
+    }
     &_flash {
       &-item {
         & svg {
@@ -74638,6 +75053,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_dark-green {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-dark-green);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-dark-green);
+      }
+    }
     &_dark-green {
       &-item {
         & svg {
@@ -74694,6 +75121,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_green {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-green);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-green);
+      }
+    }
     &_green {
       &-item {
         & svg {
@@ -74750,6 +75189,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_spearmint {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-spearmint);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-spearmint);
+      }
+    }
     &_spearmint {
       &-item {
         & svg {
@@ -74806,6 +75257,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_mint {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-mint);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-mint);
+      }
+    }
     &_mint {
       &-item {
         & svg {
@@ -74862,6 +75325,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_beryl {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-beryl);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-beryl);
+      }
+    }
     &_beryl {
       &-item {
         & svg {
@@ -74918,6 +75393,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_light-green {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-light-green);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-light-green);
+      }
+    }
     &_light-green {
       &-item {
         & svg {
@@ -74974,6 +75461,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_light-sky {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-light-sky);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-light-sky);
+      }
+    }
     &_light-sky {
       &-item {
         & svg {
@@ -75030,6 +75529,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_sea-foam {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-sea-foam);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-sea-foam);
+      }
+    }
     &_sea-foam {
       &-item {
         & svg {
@@ -75086,6 +75597,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_turquoise {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-turquoise);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-turquoise);
+      }
+    }
     &_turquoise {
       &-item {
         & svg {
@@ -75142,6 +75665,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_blue {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-blue);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-blue);
+      }
+    }
     &_blue {
       &-item {
         & svg {
@@ -75198,6 +75733,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_light-blue {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-light-blue);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-light-blue);
+      }
+    }
     &_light-blue {
       &-item {
         & svg {
@@ -75254,6 +75801,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_cerulean {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-cerulean);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-cerulean);
+      }
+    }
     &_cerulean {
       &-item {
         & svg {
@@ -75310,6 +75869,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_surf-blue {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-surf-blue);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-surf-blue);
+      }
+    }
     &_surf-blue {
       &-item {
         & svg {
@@ -75366,6 +75937,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_pacific-green {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-pacific-green);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-pacific-green);
+      }
+    }
     &_pacific-green {
       &-item {
         & svg {
@@ -75422,6 +76005,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_blue-cobalt {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-blue-cobalt);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-blue-cobalt);
+      }
+    }
     &_blue-cobalt {
       &-item {
         & svg {
@@ -75478,6 +76073,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_dark-teal {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-dark-teal);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-dark-teal);
+      }
+    }
     &_dark-teal {
       &-item {
         & svg {
@@ -75534,6 +76141,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_blue-horizon {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-blue-horizon);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-blue-horizon);
+      }
+    }
     &_blue-horizon {
       &-item {
         & svg {
@@ -75590,6 +76209,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_denim-blue {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-denim-blue);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-denim-blue);
+      }
+    }
     &_denim-blue {
       &-item {
         & svg {
@@ -75646,6 +76277,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_linen-blue {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-linen-blue);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-linen-blue);
+      }
+    }
     &_linen-blue {
       &-item {
         & svg {
@@ -75702,6 +76345,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_deep-navy {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-deep-navy);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-deep-navy);
+      }
+    }
     &_deep-navy {
       &-item {
         & svg {
@@ -75758,6 +76413,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_midnight-blue {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-midnight-blue);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-midnight-blue);
+      }
+    }
     &_midnight-blue {
       &-item {
         & svg {
@@ -75814,6 +76481,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_purple {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-purple);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-purple);
+      }
+    }
     &_purple {
       &-item {
         & svg {
@@ -75870,6 +76549,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_ultra-violet {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-ultra-violet);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-ultra-violet);
+      }
+    }
     &_ultra-violet {
       &-item {
         & svg {
@@ -75926,6 +76617,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_lilac {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-lilac);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-lilac);
+      }
+    }
     &_lilac {
       &-item {
         & svg {
@@ -75982,6 +76685,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_ocean-blue {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-ocean-blue);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-ocean-blue);
+      }
+    }
     &_ocean-blue {
       &-item {
         & svg {
@@ -76038,6 +76753,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_delft-blue {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-delft-blue);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-delft-blue);
+      }
+    }
     &_delft-blue {
       &-item {
         & svg {
@@ -76094,6 +76821,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_indigo {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-indigo);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-indigo);
+      }
+    }
     &_indigo {
       &-item {
         & svg {
@@ -76150,6 +76889,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_lavender-gray {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-lavender-gray);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-lavender-gray);
+      }
+    }
     &_lavender-gray {
       &-item {
         & svg {
@@ -76206,6 +76957,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_lavender {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-lavender);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-lavender);
+      }
+    }
     &_lavender {
       &-item {
         & svg {
@@ -76262,6 +77025,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_mist-blue {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-mist-blue);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-mist-blue);
+      }
+    }
     &_mist-blue {
       &-item {
         & svg {
@@ -76318,6 +77093,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_storm-gray {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-storm-gray);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-storm-gray);
+      }
+    }
     &_storm-gray {
       &-item {
         & svg {
@@ -76374,6 +77161,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_cactus {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-cactus);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-cactus);
+      }
+    }
     &_cactus {
       &-item {
         & svg {
@@ -76430,6 +77229,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_pine-green {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-pine-green);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-pine-green);
+      }
+    }
     &_pine-green {
       &-item {
         & svg {
@@ -76486,6 +77297,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_cyprus-green {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-cyprus-green);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-cyprus-green);
+      }
+    }
     &_cyprus-green {
       &-item {
         & svg {
@@ -76542,6 +77365,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_northern-blue {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-northern-blue);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-northern-blue);
+      }
+    }
     &_northern-blue {
       &-item {
         & svg {
@@ -76598,6 +77433,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_azure {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-azure);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-azure);
+      }
+    }
     &_azure {
       &-item {
         & svg {
@@ -76654,6 +77501,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_alaskan-blue {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-alaskan-blue);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-alaskan-blue);
+      }
+    }
     &_alaskan-blue {
       &-item {
         & svg {
@@ -76710,6 +77569,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_khaki {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-khaki);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-khaki);
+      }
+    }
     &_khaki {
       &-item {
         & svg {
@@ -76766,6 +77637,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_dark-olive {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-dark-olive);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-dark-olive);
+      }
+    }
     &_dark-olive {
       &-item {
         & svg {
@@ -76822,6 +77705,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_soft-white {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-soft-white);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-soft-white);
+      }
+    }
     &_soft-white {
       &-item {
         & svg {
@@ -76878,6 +77773,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_antique-white {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-antique-white);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-antique-white);
+      }
+    }
     &_antique-white {
       &-item {
         & svg {
@@ -76934,6 +77841,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_yellow-gold {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-yellow-gold);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-yellow-gold);
+      }
+    }
     &_yellow-gold {
       &-item {
         & svg {
@@ -76990,6 +77909,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_gold {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-gold);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-gold);
+      }
+    }
     &_gold {
       &-item {
         & svg {
@@ -77046,6 +77977,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_camel {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-camel);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-camel);
+      }
+    }
     &_camel {
       &-item {
         & svg {
@@ -77102,6 +78045,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_walnut {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-walnut);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-walnut);
+      }
+    }
     &_walnut {
       &-item {
         & svg {
@@ -77158,6 +78113,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_stone {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-stone);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-stone);
+      }
+    }
     &_stone {
       &-item {
         & svg {
@@ -77214,6 +78181,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_pebble {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-pebble);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-pebble);
+      }
+    }
     &_pebble {
       &-item {
         & svg {
@@ -77270,6 +78249,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_cocoa {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-cocoa);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-cocoa);
+      }
+    }
     &_cocoa {
       &-item {
         & svg {
@@ -77326,6 +78317,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_coastal-gray {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-coastal-gray);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-coastal-gray);
+      }
+    }
     &_coastal-gray {
       &-item {
         & svg {
@@ -77382,6 +78385,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_white {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-white);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-white);
+      }
+    }
     &_white {
       &-item {
         & svg {
@@ -77438,6 +78453,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_black {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-black);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-black);
+      }
+    }
     &_black {
       &-item {
         & svg {
@@ -77494,6 +78521,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_outer-space {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-outer-space);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-outer-space);
+      }
+    }
     &_outer-space {
       &-item {
         & svg {
@@ -77550,6 +78589,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_graphite-grey {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-graphite-grey);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-graphite-grey);
+      }
+    }
     &_graphite-grey {
       &-item {
         & svg {
@@ -77606,6 +78657,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_alto {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-alto);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-alto);
+      }
+    }
     &_alto {
       &-item {
         & svg {
@@ -77662,6 +78725,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_athens-gray {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-athens-gray);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-athens-gray);
+      }
+    }
     &_athens-gray {
       &-item {
         & svg {
@@ -77718,6 +78793,18 @@ h2.react-datepicker__current-month {
         }
       }
     }
+    &-item {
+      &_sonic-silver {
+        & svg {
+          stroke: none;
+          fill: var(--color-palette-sonic-silver);
+        }
+      }
+      & svg {
+        stroke: none;
+        fill: var(--color-palette-sonic-silver);
+      }
+    }
     &_sonic-silver {
       &-item {
         & svg {
@@ -79816,7 +80903,7 @@ div.label {
   }
 }
 :root {
-  --modal-max-width: 800px;
+  --modal-max-width: 960px;
 
   --modal-xl-gap: 24px;
   --modal-xl-header-padding: 24px 24px 0 24px;