tyrell-components 1.0.0-TC36 → 1.0.0-TC37

package/css/tyrell.css

@@ -130,7 +130,7 @@ Simplified from 7 variants to 5 practical variants:
 -strong = Strong emphasis - active states, strong borders
 -bold = Moderate emphasis - hover states, focus rings  
 = Base color - default appearance
--soft = Reduced emphasis - muted backgrounds, secondary
+-soft = Reduced emphasis - muted backgrounds, de-emphasis
 -faint = Minimal emphasis - subtle hints, disabled states
 ================================================================= */
 
@@ -141,13 +141,6 @@ Simplified from 7 variants to 5 practical variants:
   --ty-color-primary-soft: #60a5fa;
   --ty-color-primary-faint: #93c5fd;
 
-  /* Secondary */
-  --ty-color-secondary-strong: #7442c2;
-  --ty-color-secondary-bold: #8153cf;
-  --ty-color-secondary: #9774e7;
-  --ty-color-secondary-soft: #a78bfa;
-  --ty-color-secondary-faint: #c4b5fd;
-
   /* Success */
   --ty-color-success-strong: #177858;
   --ty-color-success-bold: #3e9779;
@@ -200,11 +193,6 @@ BACKGROUND COLORS
   --ty-bg-primary-bold: #d5e4f8;
   --ty-bg-primary-soft: #eff6ff;
 
-  /* Secondary backgrounds */
-  --ty-bg-secondary: #e9d5ff;
-  --ty-bg-secondary-bold: #ddd6fe;
-  --ty-bg-secondary-soft: #f3e8ff;
-
   /* Success backgrounds */
   --ty-bg-success: #d1fae5;
   --ty-bg-success-bold: #a7f3d0;
@@ -241,7 +229,6 @@ BORDER COLORS
 
   /* Semantic borders */
   --ty-border-primary: var(--ty-color-primary);
-  --ty-border-secondary: var(--ty-color-secondary);
   --ty-border-success: var(--ty-color-success);
   --ty-border-danger: var(--ty-color-danger);
   --ty-border-warning: var(--ty-color-warning);
@@ -366,14 +353,6 @@ COMPONENT TOKENS
   --ty-solid-primary-active: var(--ty-solid-primary-strong);
   --ty-solid-primary-fg: white;
 
-  /* Secondary */
-  --ty-solid-secondary: #7e67b4;
-  --ty-solid-secondary-strong: #7d58d1;
-  --ty-solid-secondary-soft: #9f8ec5;
-  --ty-solid-secondary-hover: var(--ty-solid-secondary-strong);
-  --ty-solid-secondary-active: var(--ty-solid-secondary-strong);
-  --ty-solid-secondary-fg: white;
-
   /* Success */
   --ty-solid-success: #3bb68d;
   --ty-solid-success-strong: #27956e;
@@ -616,13 +595,6 @@ Emphasis logic inverts: lighter = more emphasis
   --ty-color-primary-soft: #4b698b;
   --ty-color-primary-faint: #445b77;
 
-  /* Secondary */
-  --ty-color-secondary-strong: #ddd6fe;
-  --ty-color-secondary-bold: #c4b5fd;
-  --ty-color-secondary: #a78bfa;
-  --ty-color-secondary-soft: #8269bc;
-  --ty-color-secondary-faint: #76619f;
-
   /* Success */
   --ty-color-success-strong: #c2f0df;
   --ty-color-success-bold: #6ee7b7;
@@ -667,9 +639,6 @@ Emphasis logic inverts: lighter = more emphasis
   --ty-bg-primary: #394159;
   --ty-bg-primary-soft: #323a4f;
 
-  --ty-bg-secondary-bold: #58368e;
-  --ty-bg-secondary: #4a3c65;
-  --ty-bg-secondary-soft: #3b3645;
 
   --ty-bg-success: #3a4442;
   --ty-bg-success-bold: #405752;
@@ -740,12 +709,6 @@ Emphasis logic inverts: lighter = more emphasis
   --ty-solid-primary-active: var(--ty-solid-primary-strong);
   --ty-solid-primary-fg: white;
 
-  --ty-solid-secondary: #7e67b4;
-  --ty-solid-secondary-strong: #8269bc;
-  --ty-solid-secondary-soft: #52466a;
-  --ty-solid-secondary-hover: var(--ty-solid-secondary-strong);
-  --ty-solid-secondary-active: var(--ty-solid-secondary-strong);
-  --ty-solid-secondary-fg: white;
 
   --ty-solid-success: #3bb68d;
   --ty-solid-success-strong: #459679;
@@ -872,11 +835,6 @@ html.dark textarea::-moz-selection {
   color: var(--ty-color-primary-strong);
 }
 
-.ty-selection-secondary ::selection,
-.ty-selection-secondary::-moz-selection {
-  background-color: var(--ty-color-secondary-soft);
-  color: var(--ty-color-secondary-strong);
-}
 
 .ty-selection-success ::selection,
 .ty-selection-success::-moz-selection {
@@ -909,11 +867,6 @@ html.dark .ty-selection-primary::-moz-selection {
   color: white;
 }
 
-html.dark .ty-selection-secondary ::selection,
-html.dark .ty-selection-secondary::-moz-selection {
-  background-color: var(--ty-color-secondary);
-  color: white;
-}
 
 html.dark .ty-selection-success ::selection,
 html.dark .ty-selection-success::-moz-selection {
@@ -1070,17 +1023,8 @@ SEMANTIC BACKGROUND UTILITIES
   background-color: var(--ty-bg-primary-soft);
 }
 
-.ty-bg-secondary {
-  background-color: var(--ty-bg-secondary);
-}
 
-.ty-bg-secondary\+ {
-  background-color: var(--ty-bg-secondary-bold);
-}
 
-.ty-bg-secondary- {
-  background-color: var(--ty-bg-secondary-soft);
-}
 
 .ty-bg-success {
   background-color: var(--ty-bg-success);
@@ -1180,26 +1124,9 @@ SEMANTIC TEXT COLORS - 5-VARIANT SYSTEM
   color: var(--ty-color-primary-faint) !important;
 }
 
-/* Secondary text colors */
-.ty-text-secondary\+\+ {
-  color: var(--ty-color-secondary-strong) !important;
-}
 
-.ty-text-secondary\+ {
-  color: var(--ty-color-secondary-bold) !important;
-}
 
-.ty-text-secondary {
-  color: var(--ty-color-secondary) !important;
-}
 
-.ty-text-secondary- {
-  color: var(--ty-color-secondary-soft) !important;
-}
-
-.ty-text-secondary-- {
-  color: var(--ty-color-secondary-faint) !important;
-}
 
 /* Success text colors */
 .ty-text-success\+\+ {
@@ -1315,9 +1242,6 @@ BORDER UTILITIES
   border-color: var(--ty-border-primary);
 }
 
-.ty-border-secondary {
-  border-color: var(--ty-border-secondary);
-}
 
 .ty-border-success {
   border-color: var(--ty-border-success);
@@ -1404,13 +1328,7 @@ INTERACTIVE STATES
   background-color: var(--ty-bg-primary-bold) !important;
 }
 
-.hover\:ty-bg-secondary:hover {
-  background-color: var(--ty-bg-secondary) !important;
-}
 
-.hover\:ty-bg-secondary\+:hover {
-  background-color: var(--ty-bg-secondary-bold) !important;
-}
 
 .hover\:ty-bg-success:hover {
   background-color: var(--ty-bg-success) !important;
@@ -1475,26 +1393,9 @@ INTERACTIVE STATES
   color: var(--ty-color-primary-faint) !important;
 }
 
-/* Secondary text hover states */
-.hover\:ty-text-secondary\+\+:hover {
-  color: var(--ty-color-secondary-strong) !important;
-}
 
-.hover\:ty-text-secondary\+:hover {
-  color: var(--ty-color-secondary-bold) !important;
-}
 
-.hover\:ty-text-secondary:hover {
-  color: var(--ty-color-secondary) !important;
-}
-
-.hover\:ty-text-secondary-:hover {
-  color: var(--ty-color-secondary-soft) !important;
-}
 
-.hover\:ty-text-secondary--:hover {
-  color: var(--ty-color-secondary-faint) !important;
-}
 
 /* Success text hover states */
 .hover\:ty-text-success\+\+:hover {
@@ -1607,9 +1508,6 @@ INTERACTIVE STATES
   border-color: var(--ty-border-primary) !important;
 }
 
-.hover\:ty-border-secondary:hover {
-  border-color: var(--ty-border-secondary) !important;
-}
 
 .hover\:ty-border-success:hover {
   border-color: var(--ty-border-success) !important;
@@ -1652,9 +1550,6 @@ INTERACTIVE STATES
   border-color: var(--ty-border-primary) !important;
 }
 
-.focus\:ty-border-secondary:focus {
-  border-color: var(--ty-border-secondary) !important;
-}
 
 .focus\:ty-border-success:focus {
   border-color: var(--ty-border-success) !important;