@bcc-code/component-library-vue 0.0.0-dev.e581f14 → 0.0.0-dev.e62c0ba

package/dist/theme.css

@@ -1704,27 +1704,12 @@
 
 
 
-/* === ./styles/fonts.css === */
-@utility heading-xs { font: var(--heading-xs); }
-@utility heading-sm { font: var(--heading-sm); }
-@utility heading-md { font: var(--heading-md); }
-@utility heading-lg { font: var(--heading-lg); }
-@utility heading-xl { font: var(--heading-xl); }
-@utility heading-2xl { font: var(--heading-2xl); }
-@utility heading-3xl { font: var(--heading-3xl); }
-@utility heading-4xl { font: var(--heading-4xl); }
-@utility heading-5xl { font: var(--heading-5xl); }
-@utility body-sm { font: var(--body-sm); }
-@utility body-md { font: var(--body-md); }
-@utility body-lg { font: var(--body-lg); }
-
-
-
 /* === ./styles/component-overrides.css === */
 /** Custom styles to fix primevue components that are not custom or wrapped. */
 
 :root {
-	--p-toast-width: min(85vw, 400px);
+	--p-toast-width: min(85vw, calc(var(--spacing) * 100));
+	--p-tooltip-max-width: min(85vw, calc(var(--spacing) * 100));
 }
 
 /**
@@ -1885,7 +1870,8 @@
 	}
 
 	.p-message-text {
-		line-height: var(--p-message-text-line-height);
+		line-height: 1;
+		flex: 1 1 0;
 	}
 
 	.p-multiselect {
@@ -2140,31 +2126,31 @@
 
 /* from ./BccDialKnob/BccDialKnob.css */
 @layer components {
-    .bcc-knob {
-        @apply relative mx-auto inline-flex touch-none select-none items-center justify-center p-2;
-
-        --bcc-knob-arc-bg: var(--color-background-neutral-default);
-        --bcc-knob-head: var(--color-background-brand-bolder-default);
-        --bcc-knob-tail: var(--color-background-brand-subtle-default);
-
-        --bcc-knob-left-head: var(--color-background-accent-red-bolder-default);
-        --bcc-knob-left-tail: var(--color-background-accent-red-subtle-default);
-        
-        --bcc-knob-right-head: var(--color-background-accent-green-bolder-default);
-        --bcc-knob-right-tail: var(--color-background-accent-green-subtle-default);
-    }
+	.bcc-knob {
+		@apply relative mx-auto inline-flex touch-none items-center justify-center p-2 select-none;
 
-    .bcc-knob-label {
-        @apply pointer-events-none absolute inset-0 flex select-none flex-col items-center justify-center;
-    }
+		--bcc-knob-arc-bg: var(--color-background-accent-gray-default);
+		--bcc-knob-head: var(--color-background-brand-bolder-default);
+		--bcc-knob-tail: var(--color-background-brand-subtle-default);
 
-    .bcc-knob-top-left {
-        @apply absolute top-0 left-0 text-left;
-    }
+		--bcc-knob-left-head: var(--color-background-accent-red-bolder-default);
+		--bcc-knob-left-tail: var(--color-background-accent-red-subtle-default);
 
-    .bcc-knob-top-right {
-        @apply absolute top-0 right-0 text-right;
-    }
+		--bcc-knob-right-head: var(--color-background-accent-green-bolder-default);
+		--bcc-knob-right-tail: var(--color-background-accent-green-subtle-default);
+	}
+
+	.bcc-knob-label {
+		@apply pointer-events-none absolute inset-0 flex flex-col items-center justify-center select-none;
+	}
+
+	.bcc-knob-top-left {
+		@apply absolute top-0 left-0 text-left;
+	}
+
+	.bcc-knob-top-right {
+		@apply absolute top-0 right-0 text-right;
+	}
 }
 
 

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.e581f14",
+  "version": "0.0.0-dev.e62c0ba",
   "type": "module",
   "description": "Extended Vue component library based on PrimeVue and BCC design tokens",
   "repository": "https://github.com/bcc-code/bcc-design.git",
@@ -54,7 +54,7 @@
     "create-version": "node ./scripts/version.cjs"
   },
   "dependencies": {
-    "@bcc-code/design-tokens": "^5.2.4",
+    "@bcc-code/design-tokens": "^5.2.5",
     "@bcc-code/icons-vue": "^1.4.0",
     "@primeuix/themes": "^2.0.3",
     "@tailwindcss/vite": "^4.1.18",
@@ -87,6 +87,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",