@bcc-code/component-library-vue 0.7.2 → 0.7.4

package/dist/theme.css

@@ -1838,11 +1838,18 @@
     flex-grow: 1;
 }
 
-/** Primevue 's component is missing the gap between input and dropdown */
-.p-autocomplete-overlay {
-    margin-top: var(--p-anchor-gutter);
-}
 
+/**
+GUTTER FIX
+* Primevue's dropwdown components are all missing the gap between input and dropdown
+**/ 
+.p-autocomplete-overlay,
+.p-menu-overlay,
+.p-multiselect-overlay,
+.p-select-overlay,
+.p-treeselect-overlay {
+    margin: var(--p-anchor-gutter) 0;
+}
 
 
 
@@ -2121,7 +2128,7 @@
 /* from ./BccNpsScore/BccNpsScore.css */
 @layer components {
   .bcc-nps-score {
-    @apply min-w-[280px] p-4 text-body-sm flex flex-col gap-y-2;
+    @apply min-w-[280px] p-4 text-body-sm flex flex-col gap-y-2 select-none;
   }
 
   .bcc-nps-score--heading {
@@ -2142,7 +2149,7 @@
   }
 
   .bcc-nps-score--bar.disabled .bcc-nps-score--number.inactive {
-    @apply bg-ctx ctx-gray-subtler text-disabled;
+    @apply bg-ctx ctx-gray-subtlest text-disabled;
   }
 
   .bcc-nps-score--number {
@@ -2152,7 +2159,7 @@
   }
 
   .bcc-nps-score--number:disabled {
-    @apply pointer-events-none cursor-default;
+    @apply cursor-not-allowed;
   }
 
   .bcc-nps-score--number.active {
@@ -2165,7 +2172,7 @@
   }
 
   .bcc-nps-score--number.inactive {
-    @apply bg-ctx text-ctx ctx-gray-subtle;
+    @apply bg-ctx text-ctx ctx-gray-subtler;
   }
 
   .bcc-nps-score--number:first-child {
@@ -2269,55 +2276,6 @@
 
 
 
-/* from ./BccStepIndicator/BccStepIndicator.css */
-@layer components {
-	.bcc-stepper-container {
-		@apply flex flex-col;
-	}
-
-	.bcc-stepper-header {
-		@apply mb-2 text-left;
-	}
-
-	.bcc-stepper-current-step {
-		@apply text-heading-sm text-default;
-	}
-
-	.bcc-stepper-current-label {
-		@apply text-body-sm pl-2 text-subtle;
-	}
-
-	.bcc-stepper-indicators {
-		@apply flex justify-start gap-2;
-	}
-
-	.bcc-stepper-indicator-container {
-		@apply col;
-	}
-
-	.bcc-stepper-indicator {
-		@apply h-1.5 rounded-lg duration-300;
-	}
-
-	.bcc-stepper-indicator-active {
-		@apply w-6;
-	}
-
-	.bcc-stepper-indicator-inactive {
-		@apply w-1.5;
-	}
-
-	.bcc-stepper-indicator-completed {
-		@apply bg-selected-bold-default;
-	}
-
-	.bcc-stepper-indicator-pending {
-		@apply bg-alpha-subtle-default;
-	}
-}
-  
-
-
 /* from ./BccTag/BccTag.css */
 
 @layer components {

package/dist-types/components/custom/BccStepIndicator/BccStepIndicator.vue.d.ts

@@ -7,6 +7,7 @@ export type StepIndicatorProps = {
     right?: boolean;
     context?: BCC_CONTEXT;
     headingFn?: (currentStep: number, totalSteps: number) => string;
+    clickable?: boolean;
 };
 type __VLS_Props = StepIndicatorProps;
 type __VLS_ModelProps = {

package/dist-types/components/wrapped/BccChip/BccChip.vue.d.ts

@@ -0,0 +1,18 @@
+import type { VueComponent } from '@/types';
+import { type ChipProps as PrimeChipProps } from 'primevue/chip';
+export type ChipProps = {
+    icon?: VueComponent;
+} & /* @vue-ignore */ Omit<PrimeChipProps, 'icon' | 'iconPos'>;
+declare var __VLS_14: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ChipProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ChipProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bcc-code/component-library-vue",
-  "version": "0.7.2",
+  "version": "0.7.4",
   "type": "module",
   "description": "Extended Vue component library based on PrimeVue and BCC design tokens",
   "repository": "https://github.com/bcc-code/bcc-design.git",
@@ -53,7 +53,7 @@
     "create-version": "node ./scripts/version.cjs"
   },
   "dependencies": {
-    "@bcc-code/design-tokens": "^5.1.0",
+    "@bcc-code/design-tokens": "^5.1.2",
     "@bcc-code/icons-vue": "^1.4.0",
     "@primeuix/themes": "^2.0.3",
     "@tailwindcss/vite": "^4.1.18",
@@ -61,7 +61,6 @@
     "tailwindcss": "^4.0.0"
   },
   "peerDependencies": {
-    "@bcc-code/design-tokens": "^5.1.0",
     "vue": "^3.5.0"
   },
   "devDependencies": {