@erplora/outfitkit - npm Package Compare versions

Comparing version 0.1.27 to 0.1.28

dist/components/ok-cta-band/ok-cta-band.test.d.ts

+import './ok-cta-band.js';

dist/ok-cta-band.js

@@ -23,4 +23,4 @@ import { LitElement, css, html } from "lit";
       width: 100%;
-      --primary: var(--ion-color-primary, #1496d6);
-      --primary-contrast: var(--ion-color-primary-contrast, #ffffff);
+      --primary: var(--ok-primary, var(--ion-color-primary, #1496d6));
+      --primary-contrast: var(--ok-primary-contrast, var(--ion-color-primary-contrast, #ffffff));
       --color: var(--ok-text, var(--ion-text-color, #18181b));
@@ -30,2 +30,19 @@ --muted: var(--ok-muted, rgba(var(--ion-text-color-rgb, 24, 24, 27), 0.62));
       --radius: var(--ok-radius-lg, 28px);
+      --action-outline-color: var(--ok-cta-action-outline-color, var(--primary-contrast));
+      --action-outline-border-color: var(
+        --ok-cta-action-outline-border-color,
+        color-mix(in oklab, var(--action-outline-color) 62%, transparent)
+      );
+      --action-outline-background-hover: var(
+        --ok-cta-action-outline-background-hover,
+        color-mix(in oklab, var(--action-outline-color) 12%, transparent)
+      );
+      --action-outline-background-focused: var(
+        --ok-cta-action-outline-background-focused,
+        color-mix(in oklab, var(--action-outline-color) 16%, transparent)
+      );
+      --action-outline-background-activated: var(
+        --ok-cta-action-outline-background-activated,
+        color-mix(in oklab, var(--action-outline-color) 20%, transparent)
+      );
       font-family: var(--ok-font, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif);
@@ -111,2 +128,14 @@ }
     }
+    :host(:not([variant])) ::slotted(ion-button[fill='outline']),
+    :host([variant='solid']) ::slotted(ion-button[fill='outline']) {
+      --color: var(--action-outline-color);
+      --color-hover: var(--action-outline-color);
+      --color-focused: var(--action-outline-color);
+      --color-activated: var(--action-outline-color);
+      --border-color: var(--action-outline-border-color);
+      --background-hover: var(--action-outline-background-hover);
+      --background-focused: var(--action-outline-background-focused);
+      --background-activated: var(--action-outline-background-activated);
+      --ripple-color: var(--action-outline-color);
+    }
   `;
@@ -113,0 +142,0 @@ }

package.json

 {
   "name": "@erplora/outfitkit",
-  "version": "0.1.27",
+  "version": "0.1.28",
   "description": "OutfitKit — librería de Web Components (Lit) que CONSTRUYE lo que Ionic no tiene (tree, data-table rica, inline-feedback, kpi/stat, stepper/wizard, calendar, kanban…) sobre primitivos de Ionic. Ionic es la base; OutfitKit cubre los huecos. npm + CDN, imports individuales, CSP-safe. Tema vía tokens --ok-* (fallback a --ion-*).",
@@ -5,0 +5,0 @@ "type": "module",

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Improved metrics

Total package byte prevSize

2085279

0.15%

Number of package files

287

0.35%

Lines of code

60450

0.1%

No dependency changes