@tenerife.music/ui 2.3.1 → 3.0.4

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.
Files changed (9) hide show
  1. package/README.md +3 -3
  2. package/dist/extensions/next/index.cjs +4 -1
  3. package/dist/extensions/next/index.mjs +4 -1
  4. package/dist/index.cjs +9257 -8354
  5. package/dist/index.d.cts +324 -5
  6. package/dist/index.d.ts +324 -5
  7. package/dist/index.mjs +9574 -8679
  8. package/dist/styles.css +6 -0
  9. package/package.json +64 -65
package/README.md CHANGED
@@ -3,14 +3,14 @@
3
3
  **Token-driven UI architecture for long-living React products**
4
4
  Predictable. Built for system-level consistency.
5
5
 
6
- ![Release](https://img.shields.io/badge/release-v2.3.1-blue?style=for-the-badge)
7
- ![npm version](https://img.shields.io/badge/npm-v2.3.1-blue?style=for-the-badge)
6
+ ![Release](https://img.shields.io/badge/release-v3.0.0-blue?style=for-the-badge)
7
+ ![npm version](https://img.shields.io/badge/npm-v3.0.0-blue?style=for-the-badge)
8
8
  ![React](https://img.shields.io/badge/React-18+-blue?style=for-the-badge)
9
9
  ![TypeScript](https://img.shields.io/badge/TypeScript-Strict-blue?style=for-the-badge)
10
10
  ![TailwindCSS](https://img.shields.io/badge/TailwindCSS-3.4-38b2ac?style=for-the-badge)
11
11
  ![License](https://img.shields.io/badge/License-MIT-green?style=for-the-badge)
12
12
 
13
- **Current Release:** [v2.3.1](CHANGELOG.md#231) (npm)
13
+ **Current Release:** [v3.0.0](CHANGELOG.md#300) (npm)
14
14
  **Next Release:** [Unreleased] — See [CHANGELOG](CHANGELOG.md#unreleased)
15
15
 
16
16
  <p align="center">
package/dist/extensions/next/index.cjs CHANGED
@@ -716,6 +716,7 @@ var Link = React2__namespace.forwardRef(
716
716
  }
717
717
  );
718
718
  Link.displayName = "Link";
719
+ var InverseTypographyContext = React2__namespace.createContext(false);
719
720
 
720
721
  // src/FOUNDATION/tokens/components/text.ts
721
722
  var TEXT_TOKENS = {
@@ -799,7 +800,9 @@ var textVariants = tokenCVA({
799
800
  var TextComponent = React2__namespace.forwardRef(
800
801
  ({ as = "span", size, weight, typographyRole: _typographyRole, color, ...props }, ref) => {
801
802
  const Component = as;
802
- const colorVariant = color ? { color } : void 0;
803
+ const isInverse = React2__namespace.useContext(InverseTypographyContext);
804
+ const effectiveColor = isInverse ? "inverse" : color;
805
+ const colorVariant = effectiveColor ? { color: effectiveColor } : void 0;
803
806
  const className = textVariants({ size, weight, ...colorVariant });
804
807
  return /* @__PURE__ */ jsxRuntime.jsx(Component, { ref, className, ...props });
805
808
  }
package/dist/extensions/next/index.mjs CHANGED
@@ -691,6 +691,7 @@ var Link = React2.forwardRef(
691
691
  }
692
692
  );
693
693
  Link.displayName = "Link";
694
+ var InverseTypographyContext = React2.createContext(false);
694
695
 
695
696
  // src/FOUNDATION/tokens/components/text.ts
696
697
  var TEXT_TOKENS = {
@@ -774,7 +775,9 @@ var textVariants = tokenCVA({
774
775
  var TextComponent = React2.forwardRef(
775
776
  ({ as = "span", size, weight, typographyRole: _typographyRole, color, ...props }, ref) => {
776
777
  const Component = as;
777
- const colorVariant = color ? { color } : void 0;
778
+ const isInverse = React2.useContext(InverseTypographyContext);
779
+ const effectiveColor = isInverse ? "inverse" : color;
780
+ const colorVariant = effectiveColor ? { color: effectiveColor } : void 0;
778
781
  const className = textVariants({ size, weight, ...colorVariant });
779
782
  return /* @__PURE__ */ jsx(Component, { ref, className, ...props });
780
783
  }