@brickclay-org/ui 0.1.78 → 0.1.80

package/src/lib/input/input.css

@@ -66,6 +66,11 @@
   @apply pl-[72px];
 }
 
+/* Currency Input Field - Add padding-left for the dollar icon box */
+.input-field--currency {
+  @apply pl-[3.5rem];
+}
+
 /* Icon Left - Add padding-left for icon space */
 .input-field--icon-left {
   @apply pl-[48px];
@@ -224,6 +229,38 @@
   @apply bg-[#F4F4F6] text-[#A1A3AE] border-r-[#E3E3E7];
 }
 
+/* Currency Icon - Bordered box like the URL prefix, holds the dollar icon */
+.input-currency-icon {
+  @apply absolute left-0 top-0 bottom-0 w-11 flex items-center justify-center bg-white border transition-colors duration-200 pointer-events-none;
+  border-top-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+
+.input-currency-icon img {
+  @apply w-5 h-5;
+}
+
+/* Currency Icon - State Specific Border Colors (matches input border) */
+.input-currency-icon--default {
+  @apply border-[#E3E3E7];
+}
+
+.input-currency-icon--focused {
+  @apply border-[#6B7080];
+}
+
+.input-currency-icon--filled {
+  @apply border-[#E3E3E7];
+}
+
+.input-currency-icon--error {
+  @apply border-[#E7000B];
+}
+
+.input-currency-icon--disabled {
+  @apply bg-[#F4F4F6] border-[#E3E3E7];
+}
+
 /* Hint text */
 .input-hint {
   @apply text-xs text-[#868997] font-normal;
@@ -295,6 +332,18 @@
   @apply pl-16;
 }
 
+.input-container--sm .input-field--currency {
+  @apply pl-9;
+}
+
+.input-container--sm .input-currency-icon {
+  @apply w-8;
+}
+
+.input-container--sm .input-currency-icon img {
+  @apply w-4 h-4;
+}
+
 .input-container--sm .input-field--icon.input-field--url {
   @apply pl-24;
 }

package/src/lib/tabs/tabs.css

@@ -48,6 +48,13 @@
   @apply bg-[#C10007] text-white border-0;
 }
 
+/* Hover only for the default (non-segmented) variant — segmented has its own
+   error hover styling below, which this !important would otherwise override
+   regardless of specificity. */
+.tabs-button--error:not(.tabs-button--segmented):hover {
+  @apply !bg-[#C10007] !text-white;
+}
+
 /* Tab Button - Disabled State */
 .tabs-button--disabled {
   @apply opacity-50 cursor-not-allowed;

package/src/lib/ui-button/ui-button.css

@@ -65,7 +65,7 @@
 .btn.xxl .icon  { @apply size-5; }
 
 /* --- SPINNER --- */
-.btn.spinner {
+.btn .spinner {
   @apply shrink-0 border-t-transparent rounded-full animate-spin border-current;
 }
 

package/src/styles.css

@@ -1,4 +1,5 @@
 /* Brickclay Component Styles - Tailwind source files */
+@import './lib/breadcrumb/breadcrumb.css';
 @import './lib/toggle/toggle.css';
 @import './lib/checkbox/checkbox.css';
 @import './lib/radio/radio.css';