@weeehaoooz/talos-ui 0.1.1 → 0.1.2

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "@weeehaoooz/talos-ui",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "A modern, high-performance, and accessible UI component library for Angular 20+",
   "license": "MIT",
   "author": "weeehaoooz",
+  "homepage": "https://talos.weeehaooz.dev",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/weeehaoooz/talos-ui.git",
@@ -45,153 +46,33 @@
       "types": "./types/weeehaoooz-talos-ui.d.ts",
       "default": "./fesm2022/weeehaoooz-talos-ui.mjs"
     },
-    "./button/button": {
-      "types": "./types/weeehaoooz-talos-ui-button-button.d.ts",
-      "default": "./fesm2022/weeehaoooz-talos-ui-button-button.mjs"
-    },
-    "./button/button-group": {
-      "types": "./types/weeehaoooz-talos-ui-button-button-group.d.ts",
-      "default": "./fesm2022/weeehaoooz-talos-ui-button-button-group.mjs"
+    "./button": {
+      "types": "./types/weeehaoooz-talos-ui-button.d.ts",
+      "default": "./fesm2022/weeehaoooz-talos-ui-button.mjs"
     },
     "./core": {
       "types": "./types/weeehaoooz-talos-ui-core.d.ts",
       "default": "./fesm2022/weeehaoooz-talos-ui-core.mjs"
     },
-    "./data-display/badge": {
-      "types": "./types/weeehaoooz-talos-ui-data-display-badge.d.ts",
-      "default": "./fesm2022/weeehaoooz-talos-ui-data-display-badge.mjs"
-    },
-    "./data-display/data-grid": {
-      "types": "./types/weeehaoooz-talos-ui-data-display-data-grid.d.ts",
-      "default": "./fesm2022/weeehaoooz-talos-ui-data-display-data-grid.mjs"
-    },
-    "./data-display/status-tag": {
-      "types": "./types/weeehaoooz-talos-ui-data-display-status-tag.d.ts",
-      "default": "./fesm2022/weeehaoooz-talos-ui-data-display-status-tag.mjs"
-    },
-    "./data-display/timeline": {
-      "types": "./types/weeehaoooz-talos-ui-data-display-timeline.d.ts",
-      "default": "./fesm2022/weeehaoooz-talos-ui-data-display-timeline.mjs"
-    },
-    "./data-display/trend-indicator": {
-      "types": "./types/weeehaoooz-talos-ui-data-display-trend-indicator.d.ts",
-      "default": "./fesm2022/weeehaoooz-talos-ui-data-display-trend-indicator.mjs"
-    },
-    "./data-viz/category-bar": {
-      "types": "./types/weeehaoooz-talos-ui-data-viz-category-bar.d.ts",
-      "default": "./fesm2022/weeehaoooz-talos-ui-data-viz-category-bar.mjs"
-    },
-    "./data-viz/heatmap": {
-      "types": "./types/weeehaoooz-talos-ui-data-viz-heatmap.d.ts",
-      "default": "./fesm2022/weeehaoooz-talos-ui-data-viz-heatmap.mjs"
-    },
-    "./data-viz/mini-donut": {
-      "types": "./types/weeehaoooz-talos-ui-data-viz-mini-donut.d.ts",
-      "default": "./fesm2022/weeehaoooz-talos-ui-data-viz-mini-donut.mjs"
-    },
-    "./data-viz/mini-gauge": {
-      "types": "./types/weeehaoooz-talos-ui-data-viz-mini-gauge.d.ts",
-      "default": "./fesm2022/weeehaoooz-talos-ui-data-viz-mini-gauge.mjs"
-    },
-    "./data-viz/sparkline": {
-      "types": "./types/weeehaoooz-talos-ui-data-viz-sparkline.d.ts",
-      "default": "./fesm2022/weeehaoooz-talos-ui-data-viz-sparkline.mjs"
-    },
-    "./feedback/alert": {
-      "types": "./types/weeehaoooz-talos-ui-feedback-alert.d.ts",
-      "default": "./fesm2022/weeehaoooz-talos-ui-feedback-alert.mjs"
-    },
-    "./feedback/dialog": {
-      "types": "./types/weeehaoooz-talos-ui-feedback-dialog.d.ts",
-      "default": "./fesm2022/weeehaoooz-talos-ui-feedback-dialog.mjs"
-    },
-    "./feedback/snackbar": {
-      "types": "./types/weeehaoooz-talos-ui-feedback-snackbar.d.ts",
-      "default": "./fesm2022/weeehaoooz-talos-ui-feedback-snackbar.mjs"
-    },
-    "./feedback/tooltip": {
-      "types": "./types/weeehaoooz-talos-ui-feedback-tooltip.d.ts",
-      "default": "./fesm2022/weeehaoooz-talos-ui-feedback-tooltip.mjs"
-    },
-    "./form/affix": {
-      "types": "./types/weeehaoooz-talos-ui-form-affix.d.ts",
-      "default": "./fesm2022/weeehaoooz-talos-ui-form-affix.mjs"
-    },
-    "./form/autocomplete": {
-      "types": "./types/weeehaoooz-talos-ui-form-autocomplete.d.ts",
-      "default": "./fesm2022/weeehaoooz-talos-ui-form-autocomplete.mjs"
-    },
-    "./form/checkbox": {
-      "types": "./types/weeehaoooz-talos-ui-form-checkbox.d.ts",
-      "default": "./fesm2022/weeehaoooz-talos-ui-form-checkbox.mjs"
-    },
-    "./form/chips": {
-      "types": "./types/weeehaoooz-talos-ui-form-chips.d.ts",
-      "default": "./fesm2022/weeehaoooz-talos-ui-form-chips.mjs"
-    },
-    "./form/color-picker": {
-      "types": "./types/weeehaoooz-talos-ui-form-color-picker.d.ts",
-      "default": "./fesm2022/weeehaoooz-talos-ui-form-color-picker.mjs"
-    },
-    "./form/date-picker": {
-      "types": "./types/weeehaoooz-talos-ui-form-date-picker.d.ts",
-      "default": "./fesm2022/weeehaoooz-talos-ui-form-date-picker.mjs"
-    },
-    "./form/date-range-picker": {
-      "types": "./types/weeehaoooz-talos-ui-form-date-range-picker.d.ts",
-      "default": "./fesm2022/weeehaoooz-talos-ui-form-date-range-picker.mjs"
-    },
-    "./form/date-time-picker": {
-      "types": "./types/weeehaoooz-talos-ui-form-date-time-picker.d.ts",
-      "default": "./fesm2022/weeehaoooz-talos-ui-form-date-time-picker.mjs"
-    },
-    "./form/date-time-range-picker": {
-      "types": "./types/weeehaoooz-talos-ui-form-date-time-range-picker.d.ts",
-      "default": "./fesm2022/weeehaoooz-talos-ui-form-date-time-range-picker.mjs"
-    },
-    "./form/drop-zone": {
-      "types": "./types/weeehaoooz-talos-ui-form-drop-zone.d.ts",
-      "default": "./fesm2022/weeehaoooz-talos-ui-form-drop-zone.mjs"
-    },
-    "./form/form-field": {
-      "types": "./types/weeehaoooz-talos-ui-form-form-field.d.ts",
-      "default": "./fesm2022/weeehaoooz-talos-ui-form-form-field.mjs"
-    },
-    "./form/input": {
-      "types": "./types/weeehaoooz-talos-ui-form-input.d.ts",
-      "default": "./fesm2022/weeehaoooz-talos-ui-form-input.mjs"
-    },
-    "./form/otp": {
-      "types": "./types/weeehaoooz-talos-ui-form-otp.d.ts",
-      "default": "./fesm2022/weeehaoooz-talos-ui-form-otp.mjs"
-    },
-    "./form/password-input": {
-      "types": "./types/weeehaoooz-talos-ui-form-password-input.d.ts",
-      "default": "./fesm2022/weeehaoooz-talos-ui-form-password-input.mjs"
-    },
-    "./form/radio": {
-      "types": "./types/weeehaoooz-talos-ui-form-radio.d.ts",
-      "default": "./fesm2022/weeehaoooz-talos-ui-form-radio.mjs"
-    },
-    "./form/range-input": {
-      "types": "./types/weeehaoooz-talos-ui-form-range-input.d.ts",
-      "default": "./fesm2022/weeehaoooz-talos-ui-form-range-input.mjs"
+    "./data-display": {
+      "types": "./types/weeehaoooz-talos-ui-data-display.d.ts",
+      "default": "./fesm2022/weeehaoooz-talos-ui-data-display.mjs"
     },
-    "./form/rating": {
-      "types": "./types/weeehaoooz-talos-ui-form-rating.d.ts",
-      "default": "./fesm2022/weeehaoooz-talos-ui-form-rating.mjs"
+    "./data-viz": {
+      "types": "./types/weeehaoooz-talos-ui-data-viz.d.ts",
+      "default": "./fesm2022/weeehaoooz-talos-ui-data-viz.mjs"
     },
-    "./form/select-input": {
-      "types": "./types/weeehaoooz-talos-ui-form-select-input.d.ts",
-      "default": "./fesm2022/weeehaoooz-talos-ui-form-select-input.mjs"
+    "./dropdown": {
+      "types": "./types/weeehaoooz-talos-ui-dropdown.d.ts",
+      "default": "./fesm2022/weeehaoooz-talos-ui-dropdown.mjs"
     },
-    "./form/slide-toggle": {
-      "types": "./types/weeehaoooz-talos-ui-form-slide-toggle.d.ts",
-      "default": "./fesm2022/weeehaoooz-talos-ui-form-slide-toggle.mjs"
+    "./feedback": {
+      "types": "./types/weeehaoooz-talos-ui-feedback.d.ts",
+      "default": "./fesm2022/weeehaoooz-talos-ui-feedback.mjs"
     },
-    "./form/transfer-list": {
-      "types": "./types/weeehaoooz-talos-ui-form-transfer-list.d.ts",
-      "default": "./fesm2022/weeehaoooz-talos-ui-form-transfer-list.mjs"
+    "./form": {
+      "types": "./types/weeehaoooz-talos-ui-form.d.ts",
+      "default": "./fesm2022/weeehaoooz-talos-ui-form.mjs"
     },
     "./layout": {
       "types": "./types/weeehaoooz-talos-ui-layout.d.ts",

package/styles/_breadcrumb.scss

@@ -0,0 +1,16 @@
+/* Talos UI Breadcrumb Styles & Tokens */
+
+:root {
+  --talos-breadcrumb-text-color: var(--talos-text-color, #0f172a);
+  --talos-breadcrumb-link-color: var(--talos-text-muted, #64748b);
+  --talos-breadcrumb-link-hover: var(--talos-primary-color, #2563eb);
+  --talos-breadcrumb-separator-color: var(--talos-text-muted, #94a3b8);
+  --talos-breadcrumb-bg-contained: var(--talos-card-bg, #ffffff);
+  --talos-breadcrumb-border-contained: var(--talos-border-color, #e2e8f0);
+  --talos-breadcrumb-bg-subtle: var(--talos-bg-subtle, #f8fafc);
+}
+
+.talos-breadcrumb {
+  display: block;
+  box-sizing: border-box;
+}

package/styles/_button-group.scss

@@ -254,7 +254,8 @@
     &:focus,
     &:focus-visible,
     &.is-active,
-    &.is-selected {
+    &.is-selected,
+    &.talos-dropdown-open {
       z-index: 2;
     }
   }

package/styles/_buttons.scss

@@ -115,6 +115,55 @@
       flex-shrink: 0;
     }
   }
+  /* Dropdown Trigger Chevron & Justification */
+  .talos-dropdown-chevron-right,
+  .talos-chevron-end,
+  .talos-btn-chevron-end {
+    margin-left: auto;
+    transition: transform var(--talos-transition, 0.2s ease);
+  }
+
+  svg[lucideChevronDown],
+  .lucide-chevron-down {
+    transition: transform var(--talos-transition, 0.2s ease);
+  }
+
+  &.talos-btn-justify-between,
+  &.talos-btn-select-trigger {
+    justify-content: space-between;
+  }
+
+  /* When the dropdown associated with this trigger is open */
+  &.talos-dropdown-open {
+    .talos-dropdown-chevron-right,
+    .talos-chevron-end,
+    .talos-btn-chevron-end,
+    svg[lucideChevronDown],
+    .lucide-chevron-down {
+      transform: rotate(180deg);
+    }
+
+    &.talos-btn-primary {
+      background-color: var(--talos-btn-primary-active, var(--talos-primary-active, #1e40af));
+    }
+
+    &.talos-btn-secondary {
+      background-color: var(--talos-btn-secondary-hover, #475569);
+      color: var(--talos-btn-secondary-text, #ffffff);
+    }
+
+    &.talos-btn-outline {
+      background-color: var(--talos-btn-outline-hover-bg, var(--talos-bg-color, #f8fafc));
+      border-color: var(--talos-btn-outline-hover-border, var(--talos-border-hover, #64748b));
+      color: var(--talos-btn-outline-hover-text, var(--talos-text-color, #0f172a));
+    }
+
+    &.talos-btn-ghost,
+    &.talos-btn-subtle {
+      background-color: var(--talos-btn-ghost-hover-bg, var(--talos-bg-subtle, #f1f5f9));
+      color: var(--talos-btn-ghost-hover-text, var(--talos-text-color, #0f172a));
+    }
+  }
 }
 
 /* Variants */
@@ -141,10 +190,12 @@
 
   &:hover:not(:disabled):not(.is-disabled):not(.is-loading) {
     background-color: var(--talos-btn-secondary-hover, #334155);
+    color: var(--talos-btn-secondary-text, #ffffff);
   }
 
   &:active:not(:disabled):not(.is-disabled):not(.is-loading) {
     background-color: var(--talos-btn-secondary-active, #1e293b);
+    color: var(--talos-btn-secondary-text, #ffffff);
   }
 }