@bcc-code/component-library-vue 0.0.0-dev.caff08e → 0.0.0-dev.cbc8f81

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

@@ -5,6 +5,7 @@ export type BccAppNavigationItem = {
     title: string;
     icon: Component;
     pin?: number;
+    is?: VueComponent;
     /** Any additional properties will be passed to the component.
      * @example
      * {

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

@@ -4,9 +4,9 @@ declare const __VLS_export: import("vue").DefineComponent<ReactProps, {}, {}, {}
 }, string, import("vue").PublicProps, Readonly<ReactProps> & Readonly<{
     onToggle?: ((id: string) => any) | undefined;
 }>, {
-    placeholder: string;
     top: boolean;
     emojis: ReactInfo[];
+    placeholder: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -5,7 +5,6 @@
 export { default as BccAppNavigation } from './BccAppNavigation/BccAppNavigation.vue';
 export { default as BccBadge } from './BccBadge/BccBadge.vue';
 export { default as BccCapacityIndicator } from './BccCapacityIndicator/BccCapacityIndicator.vue';
-export { default as BccCircleLoader } from './BccCircleLoader/BccCircleLoader.vue';
 export { default as BccDialKnob } from './BccDialKnob/BccDialKnob.vue';
 export { default as BccFrame } from './BccFrame/BccFrame.vue';
 export { default as BccGraphic } from './BccGraphic/BccGraphic.vue';

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

@@ -5,11 +5,12 @@ export type ButtonProps = {
     iconRight?: boolean;
     iconClass?: PrimeButtonProps['iconClass'];
     size?: PrimeButtonProps['size'];
+    loadingIcon?: VueComponent;
     useCtx?: boolean;
-} & /* @vue-ignore */ Omit<PrimeButtonProps, 'icon' | 'iconPos'>;
-declare var __VLS_14: {};
+} & /* @vue-ignore */ Omit<PrimeButtonProps, 'icon' | 'iconPos' | 'loadingIcon'>;
+declare var __VLS_20: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_14) => any;
+    default?: (props: typeof __VLS_20) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -2,6 +2,9 @@ import { type CheckboxProps as PrimeCheckboxProps } from 'primevue/checkbox';
 export type CheckboxProps = PrimeCheckboxProps & {
     label?: string;
     labelLeft?: boolean;
+    justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+    labelClass?: string;
+    fluid?: boolean;
 };
 declare var __VLS_18: {};
 type __VLS_Slots = {} & {

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

@@ -6,9 +6,13 @@ export type MessageProps = Omit<PrimeMessageProps, 'icon'> & {
     title?: string;
     message?: string;
 };
-declare var __VLS_19: {};
+declare var __VLS_19: {}, __VLS_21: {}, __VLS_23: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_19) => any;
+} & {
+    title?: (props: typeof __VLS_21) => any;
+} & {
+    message?: (props: typeof __VLS_23) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<MessageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MessageProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -4,6 +4,7 @@ export type RadioButtonProps = PrimeRadioButtonProps & {
     labelLeft?: boolean;
     justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
     labelClass?: string;
+    fluid?: boolean;
 };
 declare var __VLS_6: {};
 type __VLS_Slots = {} & {

package/dist-types/index.d.ts

@@ -57,6 +57,7 @@ export { default as BccDivider } from 'primevue/divider';
 export { default as BccDock } from 'primevue/dock';
 export { default as BccDrawer } from 'primevue/drawer';
 export { default as BccDynamicDialog } from 'primevue/dynamicdialog';
+export { default as BccEditor } from 'primevue/editor';
 export { default as BccFieldset } from 'primevue/fieldset';
 export { default as BccFileUpload } from 'primevue/fileupload';
 export { default as BccFloatLabel } from 'primevue/floatlabel';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bcc-code/component-library-vue",
-  "version": "0.0.0-dev.caff08e",
+  "version": "0.0.0-dev.cbc8f81",
   "type": "module",
   "description": "Extended Vue component library based on PrimeVue and BCC design tokens",
   "repository": "https://github.com/bcc-code/bcc-design.git",
@@ -30,6 +30,8 @@
     },
     "./style.css": "./dist/index.css",
     "./theme.css": "./dist/theme.css",
+    "./sfc-styles.css": "./dist/sfc-styles.css",
+    "./library-utilities.css": "./dist/library-utilities.css",
     "./archivo-font.css": "./dist/archivo-font.css",
     "./tailwind.css": "./dist-css/tailwind.css"
   },
@@ -37,7 +39,9 @@
     "start": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "build": "run-p typecheck build:types build:vite",
-    "build:vite": "rimraf dist && vite build && node scripts/build-theme-css.mjs",
+    "build:vite": "rimraf dist && vite build && pnpm run build:sfc-styles && pnpm run build:library-utilities && node scripts/build-theme-css.mjs",
+    "build:sfc-styles": "vite build --config vite.config.sfc-styles.ts && rimraf dist/sfc-styles.js",
+    "build:library-utilities": "tailwindcss -i src/library-utilities-input.css -o dist/library-utilities.css --minify",
     "build:types": "rimraf dist-types && vue-tsc -p tsconfig.build.json",
     "generate:semantic": "node scripts/restructure-semantic-primitives.mjs",
     "generate:semantic-css": "node scripts/generate-semantic-css.mjs",
@@ -54,7 +58,7 @@
     "create-version": "node ./scripts/version.cjs"
   },
   "dependencies": {
-    "@bcc-code/design-tokens": "^5.2.3",
+    "@bcc-code/design-tokens": "^5.2.5",
     "@bcc-code/icons-vue": "^1.4.0",
     "@primeuix/themes": "^2.0.3",
     "@tailwindcss/vite": "^4.1.18",
@@ -70,6 +74,7 @@
     "@primevue/auto-import-resolver": "^4.5.4",
     "@storybook/addon-docs": "^10.3.5",
     "@storybook/vue3-vite": "^10.3.5",
+    "@tailwindcss/cli": "^4.2.4",
     "@types/node": "^22.0.0",
     "@vitejs/plugin-vue": "^6.0.0",
     "@vue/eslint-config-prettier": "^10.2.0",
@@ -87,6 +92,7 @@
     "postcss": "^8.4.49",
     "prettier": "^3.8.1",
     "prettier-plugin-tailwindcss": "^0.7.2",
+    "quill": "^2.0.3",
     "remark-gfm": "^4.0.0",
     "rimraf": "^6.0.0",
     "storybook": "^10.3.5",

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

@@ -1,11 +0,0 @@
-type __VLS_Props = {
-    icon?: string;
-    size?: 'sm' | 'md' | 'base' | 'lg' | 'xl' | '2xl' | '3xl';
-    left?: boolean;
-    right?: boolean;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    size: "sm" | "md" | "base" | "lg" | "xl" | "2xl" | "3xl";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;