@lax-wp/design-system 0.8.28 → 0.8.29

package/dist/index.es.js

@@ -2647,8 +2647,8 @@ const kd = () => {
   }, D = {
     control: (N, M) => ({
       ...N,
-      borderColor: t && c ? v ? "#F04438" : "#fda49b" : M.isFocused ? "var(--color-primary-600)" : v ? "#404040" : "#d9d9d9",
-      backgroundColor: v ? "rgb(38 38 38)" : M.isDisabled ? "#f5f5f5" : "#fff",
+      borderColor: t && c ? v ? "#F04438" : "#fda49b" : M.isFocused ? "var(--color-primary-600)" : v ? "#434343" : "#d9d9d9",
+      backgroundColor: v ? "#141414" : M.isDisabled ? "#f5f5f5" : "#fff",
       borderRadius: "6px",
       minHeight: "32px",
       fontSize: "14px",
@@ -2669,7 +2669,7 @@ const kd = () => {
       ...N,
       margin: "0",
       padding: "0",
-      color: v ? "rgb(229 229 229)" : "inherit"
+      color: v ? "rgba(255,255,255,0.85)" : "inherit"
     }),
     indicatorsContainer: (N) => ({
       ...N,
@@ -2680,22 +2680,23 @@ const kd = () => {
       fontSize: "14px",
       lineHeight: "22px",
       padding: "5px 12px",
-      backgroundColor: M.isSelected ? v ? "#262626" : "#e6f4ff" : M.isFocused ? v ? "#404040" : "#f5f5f5" : v ? "#0a0a0a" : "#fff",
-      color: M.isDisabled ? v ? "#737373" : "#a3a3a3" : v ? "#e5e5e5" : "rgba(0,0,0,0.88)",
+      margin: 0,
+      backgroundColor: M.isSelected ? v ? "#111b26" : "#e6f4ff" : M.isFocused ? v ? "rgba(255,255,255,0.08)" : "#f5f5f5" : v ? "#141414" : "#fff",
+      color: M.isDisabled ? v ? "rgba(255,255,255,0.25)" : "#a3a3a3" : v ? M.isSelected ? "var(--color-primary-600)" : "rgba(255,255,255,0.85)" : "rgba(0,0,0,0.88)",
       cursor: M.isDisabled ? "not-allowed" : "pointer",
       opacity: M.isDisabled ? 0.6 : 1,
       "&:hover": {
-        backgroundColor: M.isDisabled ? v ? "#262626" : "#fff" : v ? "#404040" : "#f5f5f5"
+        backgroundColor: M.isDisabled ? v ? "#141414" : "#fff" : v ? "rgba(255,255,255,0.08)" : "#f5f5f5"
       },
       "&:active": {
-        backgroundColor: v ? "#404040" : "#e6f4ff"
+        backgroundColor: v ? "rgba(255,255,255,0.08)" : "#e6f4ff"
       }
     }),
     singleValue: (N, M) => ({
       ...N,
       fontSize: "14px",
       lineHeight: "20px",
-      color: M.isDisabled ? v ? "#737373" : "#a3a3a3" : v ? "#e5e5e5" : "rgba(0,0,0,0.88)"
+      color: M.isDisabled ? v ? "rgba(255,255,255,0.25)" : "#a3a3a3" : v ? "rgba(255,255,255,0.85)" : "rgba(0,0,0,0.88)"
     }),
     placeholder: (N) => ({
       ...N,
@@ -2703,24 +2704,24 @@ const kd = () => {
       whiteSpace: "nowrap",
       textOverflow: "ellipsis",
       overflow: "hidden",
-      color: v ? "#525252" : "#bfbfbf"
+      color: v ? "rgba(255,255,255,0.25)" : "#bfbfbf"
     }),
     multiValue: (N) => ({
       ...N,
-      backgroundColor: v ? "#262626" : "#f0f5ff",
-      border: v ? "1px solid #404040" : "1px solid #adc6ff",
+      backgroundColor: v ? "rgba(255,255,255,0.08)" : "#f0f5ff",
+      border: v ? "1px solid transparent" : "1px solid #adc6ff",
       borderRadius: "4px"
     }),
     multiValueLabel: (N) => ({
       ...N,
-      color: v ? "#e5e5e5" : "var(--color-primary-600)",
+      color: v ? "rgba(255,255,255,0.85)" : "var(--color-primary-600)",
       fontSize: "12px"
     }),
     multiValueRemove: (N) => ({
       ...N,
-      color: v ? "#e5e5e5" : "var(--color-primary-600)",
+      color: v ? "rgba(255,255,255,0.85)" : "var(--color-primary-600)",
       "&:hover": {
-        backgroundColor: v ? "#404040" : "#e6f4ff",
+        backgroundColor: v ? "rgba(255,255,255,0.16)" : "#e6f4ff",
         color: v ? "#fff" : "var(--color-primary-600)"
       }
     }),
@@ -2728,14 +2729,14 @@ const kd = () => {
       ...N,
       zIndex: 5001,
       borderRadius: "8px",
-      boxShadow: v ? "0 6px 16px 0 rgba(0,0,0,0.32)" : "0 6px 16px 0 rgba(0,0,0,0.08), 0 3px 6px -4px rgba(0,0,0,0.12), 0 9px 28px 8px rgba(0,0,0,0.05)",
-      backgroundColor: v ? "#0a0a0a" : "#fff",
-      border: v ? "1px solid #404040" : "none",
+      boxShadow: v ? "0 6px 16px 0 rgba(0,0,0,0.45)" : "0 6px 16px 0 rgba(0,0,0,0.08), 0 3px 6px -4px rgba(0,0,0,0.12), 0 9px 28px 8px rgba(0,0,0,0.05)",
+      backgroundColor: v ? "#141414" : "#fff",
+      border: v ? "1px solid #303030" : "none",
       overflow: "hidden"
     }),
     menuList: (N) => ({
       ...N,
-      padding: "4px",
+      padding: "0",
       maxHeight: "256px"
     })
   }, C = !!o?.length, H = y && !a && (i ? C || !!d : !1), Q = (N) => {