@lax-wp/design-system 0.8.29 → 0.8.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.es.js CHANGED
@@ -2681,15 +2681,15 @@ const kd = () => {
2681
2681
  lineHeight: "22px",
2682
2682
  padding: "5px 12px",
2683
2683
  margin: 0,
2684
- backgroundColor: M.isSelected ? v ? "#111b26" : "#e6f4ff" : M.isFocused ? v ? "rgba(255,255,255,0.08)" : "#f5f5f5" : v ? "#141414" : "#fff",
2684
+ backgroundColor: M.isSelected ? v ? "var(--color-primary-975)" : "var(--color-primary-50)" : M.isFocused ? v ? "var(--color-primary-950)" : "var(--color-primary-100)" : v ? "#141414" : "#fff",
2685
2685
  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)",
2686
2686
  cursor: M.isDisabled ? "not-allowed" : "pointer",
2687
2687
  opacity: M.isDisabled ? 0.6 : 1,
2688
2688
  "&:hover": {
2689
- backgroundColor: M.isDisabled ? v ? "#141414" : "#fff" : v ? "rgba(255,255,255,0.08)" : "#f5f5f5"
2689
+ backgroundColor: M.isDisabled ? v ? "#141414" : "#fff" : v ? "var(--color-primary-950)" : "var(--color-primary-100)"
2690
2690
  },
2691
2691
  "&:active": {
2692
- backgroundColor: v ? "rgba(255,255,255,0.08)" : "#e6f4ff"
2692
+ backgroundColor: v ? "var(--color-primary-950)" : "var(--color-primary-50)"
2693
2693
  }
2694
2694
  }),
2695
2695
  singleValue: (N, M) => ({