@itcase/ui 1.9.22 → 1.9.23

package/dist/css/styles/bundles.css

@@ -72790,6 +72790,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 +72858,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 +72926,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 +72994,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 +73062,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 +73130,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 +73198,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 +73266,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 +73334,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 +73402,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 +73470,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 +73538,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 +73606,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 +73674,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 +73742,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 +73810,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 +73878,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 +73946,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 +74014,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 +74082,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 +74150,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 +74218,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 +74286,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,8 +74354,20 @@ h2.react-datepicker__current-month {
         }
       }
     }
-    &_light-pink {
-      &-item {
+    &-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 {
           stroke: none;
           fill: var(--color-palette-light-pink);
@@ -74134,6 +74422,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 +74490,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 +74558,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 +74626,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 +74694,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 +74762,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 +74830,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 +74898,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 +74966,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 +75034,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 +75102,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 +75170,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 +75238,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 +75306,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 +75374,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 +75442,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 +75510,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 +75578,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 +75646,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 +75714,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 +75782,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 +75850,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 +75918,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 +75986,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 +76054,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 +76122,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 +76190,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 +76258,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 +76326,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 +76394,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 +76462,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 +76530,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 +76598,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 +76666,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 +76734,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 +76802,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 +76870,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 +76938,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 +77006,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 +77074,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 +77142,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 +77210,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 +77278,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 +77346,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 +77414,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 +77482,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 +77550,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 +77618,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 +77686,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 +77754,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 +77822,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 +77890,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 +77958,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 +78026,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 +78094,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 +78162,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 +78230,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 +78298,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 +78366,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 +78434,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 +78502,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 +78570,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 +78638,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 +78706,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 +78774,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 +80884,7 @@ div.label {
   }
 }
 :root {
-  --modal-max-width: 800px;
+  --modal-max-width: 960px;
 
   --modal-xl-gap: 24px;
   --modal-xl-header-padding: 24px 24px 0 24px;