@wistia/ui 0.9.1-beta.2eb92e45.4aa68a8 → 0.9.1-beta.2ff86a71.8ee8a93

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.cjs CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  /*
3
- * @license @wistia/ui v0.9.1-beta.2eb92e45.4aa68a8
3
+ * @license @wistia/ui v0.9.1-beta.2ff86a71.8ee8a93
4
4
  *
5
5
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
6
6
  *
@@ -7375,6 +7375,8 @@ var StyledActionButton = (0, import_styled_components22.default)(Button)`
7375
7375
 
7376
7376
  &:hover,
7377
7377
  :focus-visible {
7378
+ --wui-color-text: var(--wui-color-text-button);
7379
+
7378
7380
  ${({ $hoverColorScheme }) => getColorScheme($hoverColorScheme)};
7379
7381
  background: var(--wui-color-bg-surface-tertiary);
7380
7382
  }
@@ -8721,7 +8723,6 @@ var Heading = makePolymorphic(HeadingComponent);
8721
8723
  // src/components/DataCards/DataCard.tsx
8722
8724
  var import_jsx_runtime213 = require("react/jsx-runtime");
8723
8725
  var StyledDataCard = import_styled_components40.default.div`
8724
- ${({ $colorScheme }) => getColorScheme($colorScheme)}
8725
8726
  display: grid;
8726
8727
  grid-template-areas: 'label slot' 'value value';
8727
8728
  grid-template-rows: auto auto;
@@ -8736,17 +8737,19 @@ var StyledDataCard = import_styled_components40.default.div`
8736
8737
 
8737
8738
  &[data-click-region] {
8738
8739
  [data-wui-data-card-hover-icon] {
8739
- outline: 1px solid red;
8740
8740
  opacity: 0;
8741
8741
  transform: translateX(-16px);
8742
8742
  transition: all var(--wui-motion-duration-02) var(--wui-motion-ease-out);
8743
8743
  }
8744
+
8744
8745
  &:not([disabled]) {
8745
8746
  cursor: pointer;
8746
8747
 
8747
8748
  &:hover,
8748
8749
  &:has([data-click-region-target-button]:focus-visible),
8749
8750
  &:has([data-click-region-target-link]:focus-visible) {
8751
+ --wui-color-text: var(--wui-color-text-button);
8752
+
8750
8753
  background: var(--wui-color-bg-surface-secondary-hover);
8751
8754
 
8752
8755
  [data-wui-data-card-hover-icon] {
@@ -8770,6 +8773,8 @@ var StyledDataCard = import_styled_components40.default.div`
8770
8773
  &[disabled] {
8771
8774
  pointer-events: none;
8772
8775
  }
8776
+
8777
+ ${({ $colorScheme }) => getColorScheme($colorScheme)}
8773
8778
  }
8774
8779
  `;
8775
8780
  var shimmer = import_styled_components40.keyframes`