@bcc-code/component-library-vue 0.7.7 → 0.7.9

package/dist/theme.css

@@ -1,10 +1,10 @@
 /* Layer order: Tailwind base/utilities first, then PrimeVue so component styles win */
 @layer theme, base, tailwind, primevue;
-@import "@bcc-code/design-tokens/css";
+@import '@bcc-code/design-tokens/css';
 
-@import "tailwindcss";
-@import "@bcc-code/design-tokens/tailwind";
-@import "@bcc-code/design-tokens/primevue/overrides";
+@import 'tailwindcss';
+@import '@bcc-code/design-tokens/tailwind';
+@import '@bcc-code/design-tokens/primevue/overrides';
 
 
 /* === ./styles/theme.css === */
@@ -1824,7 +1824,6 @@
 /* === ./styles/component-overrides.css === */
 /** Custom styles to fix primevue components that are not custom or wrapped. */
 
-
 /**
 * GUTTER FIX
 * Primevue's dropwdown components are all missing the gap between input and dropdown
@@ -1853,6 +1852,12 @@
 	--p-form-field-lg-font-size: var(--icon-size-md);
 }
 
+.p-autocomplete .p-autocomplete-clear-icon {
+	/** middle-align the icon */
+	top: calc(50% - var(--icon-size-sm) / 2);
+	margin-top: 0;
+}
+
 .p-autocomplete-clearable .p-inputtext {
 	flex-grow: 1;
 }
@@ -1865,32 +1870,33 @@
 
 /**
 * BccSelect
-**/ 
+**/
 .p-select {
 	--p-icon-size: var(--icon-size-sm);
 }
 
-.p-select.inline {
-	@apply inline-flex items-center mx-auto w-auto border-0 bg-transparent shadow-none;
+.p-select.inline-select {
+	@apply mx-auto inline-flex w-auto items-center border-0 bg-transparent shadow-none;
 	--p-icon-size: 1.25em;
-    --p-select-dropdown-width: 1.5em;
-    --p-select-min-height: auto;
+	--p-select-dropdown-width: 1.5em;
+	--p-select-min-height: auto;
 }
 
-.p-select.inline .p-select-label {
-    @apply font-semibold inline-block;
-    font-size: inherit;
-    padding: 0 0 0 0.25em;
+.p-select.inline-select .p-select-label {
+	@apply inline-block font-semibold;
+	font-size: inherit;
+	padding: 0 0 0 0.25em;
 }
 
-.p-select.inline.inverse {
-    --p-select-color: var(--color-neutral-0);
+.p-select.inline-select.inverse {
+	--p-select-color: var(--color-neutral-0);
 	--p-select-dropdown-color: var(--color-neutral-0);
-    --p-select-placeholder-color: var(--color-dark-neutral-1000);
+	--p-select-placeholder-color: var(--color-dark-neutral-1000);
 }
 
 
 
+
 /* === ./components/custom/styles.css === */
 
 /* from ./BccBadge/BccBadge.css */
@@ -2466,24 +2472,28 @@
 
 
 
-:root, :host {
+:root,
+:host {
 	--font-sans: 'Archivo', system-ui, sans-serif;
-  @apply font-sans antialiased p-0 m-0;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
+	@apply m-0 p-0 font-sans antialiased;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
 
+hr {
+	border-color: var(--color-border-default);
 }
 
 b,
 strong,
 .bold {
-  font-weight: bold;
-  --ctx-text: var(--ctx-text-bold);
+	font-weight: bold;
+	--ctx-text: var(--ctx-text-bold);
 }
 
 /* Disable state */
 :disabled,
 .disabled {
-  cursor: not-allowed;
-  pointer-events: none;
+	cursor: not-allowed;
+	pointer-events: none;
 }

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

@@ -1,8 +1,8 @@
 import { type BCC_CONTEXT } from '@/contexts';
 export type StepIndicatorProps = {
     steps: string[];
-    additionalText?: boolean;
-    showStepLabel?: boolean;
+    hideText?: boolean;
+    hideLabel?: boolean;
     left?: boolean;
     right?: boolean;
     context?: BCC_CONTEXT;
@@ -20,8 +20,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {
     context: BCC_CONTEXT;
-    additionalText: boolean;
-    showStepLabel: boolean;
+    hideText: boolean;
+    hideLabel: boolean;
     headingFn: (currentStep: number, totalSteps: number) => string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -0,0 +1,14 @@
+import type { VueComponent } from '@/types';
+import type { MenuItem } from 'primevue/menuitem';
+/** Menu item model for BccMenu: icon can be a PrimeVue icon class string or a Vue icon component. */
+export type BccMenuItem = Omit<MenuItem, 'icon' | 'items'> & {
+    icon?: string | VueComponent;
+    items?: BccMenuItem[];
+};
+declare const __VLS_export: import("vue").DefineComponent<{}, {
+    toggle: (event: Event, target?: unknown) => void | undefined;
+    show: (event: Event, target?: unknown) => void | undefined;
+    hide: () => void | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist-types/components/wrapped/index.d.ts

@@ -7,6 +7,7 @@ export { default as BccButton } from './BccButton.vue';
 export { default as BccCheckbox } from './BccCheckbox.vue';
 export { default as BccChip } from './BccChip/BccChip.vue';
 export { default as BccInput } from './BccInput.vue';
+export { default as BccMenu } from './BccMenu/BccMenu.vue';
 export { default as BccMessage } from './BccMessage.vue';
 export { default as BccTabs } from './BccTabs/BccTabs.vue';
 export { default as BccToggle } from './BccToggle/BccToggle.vue';
@@ -16,6 +17,7 @@ export type { ButtonProps } from './BccButton.vue';
 export type { CheckboxProps } from './BccCheckbox.vue';
 export type { ChipProps } from './BccChip/BccChip.vue';
 export type { InputProps } from './BccInput.vue';
+export type { BccMenuItem } from './BccMenu/BccMenu.vue';
 export type { MessageProps } from './BccMessage.vue';
 export type { TabItem, TabsProps } from './BccTabs/BccTabs.vue';
 export type { ToggleProps } from './BccToggle/BccToggle.vue';

package/dist-types/index.d.ts

@@ -80,7 +80,7 @@ export { default as BccKeyFilter } from 'primevue/keyfilter';
 export { default as BccKnob } from 'primevue/knob';
 export { default as BccListbox } from 'primevue/listbox';
 export { default as BccMegaMenu } from 'primevue/megamenu';
-export { default as BccMenu } from 'primevue/menu';
+export { BccMenu, type BccMenuItem } from './components/wrapped';
 export { default as BccMenubar } from 'primevue/menubar';
 export { default as BccMeterGroup } from 'primevue/metergroup';
 export { default as BccMultiSelect } from 'primevue/multiselect';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bcc-code/component-library-vue",
-	"version": "0.7.7",
+	"version": "0.7.9",
 	"type": "module",
 	"description": "Extended Vue component library based on PrimeVue and BCC design tokens",
 	"repository": "https://github.com/bcc-code/bcc-design.git",
@@ -86,6 +86,7 @@
 		"postcss": "^8.4.49",
 		"prettier": "^3.8.1",
 		"prettier-plugin-tailwindcss": "^0.7.2",
+		"remark-gfm": "^4.0.0",
 		"rimraf": "^6.0.0",
 		"storybook": "^10.0.0",
 		"typescript": "~5.7.0",