@bcc-code/component-library-vue 0.0.0-dev.29ce246 → 0.0.0-dev.2b1ba99
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/component-library.js +758 -738
- package/dist/component-library.umd.cjs +60 -60
- package/dist/index.css +1 -1
- package/dist/theme.css +27 -39
- package/dist-types/components/wrapped/BccMessage.vue.d.ts +5 -1
- package/package.json +2 -2
package/dist/theme.css
CHANGED
|
@@ -1704,27 +1704,12 @@
|
|
|
1704
1704
|
|
|
1705
1705
|
|
|
1706
1706
|
|
|
1707
|
-
/* === ./styles/fonts.css === */
|
|
1708
|
-
@utility heading-xs { font: var(--heading-xs); }
|
|
1709
|
-
@utility heading-sm { font: var(--heading-sm); }
|
|
1710
|
-
@utility heading-md { font: var(--heading-md); }
|
|
1711
|
-
@utility heading-lg { font: var(--heading-lg); }
|
|
1712
|
-
@utility heading-xl { font: var(--heading-xl); }
|
|
1713
|
-
@utility heading-2xl { font: var(--heading-2xl); }
|
|
1714
|
-
@utility heading-3xl { font: var(--heading-3xl); }
|
|
1715
|
-
@utility heading-4xl { font: var(--heading-4xl); }
|
|
1716
|
-
@utility heading-5xl { font: var(--heading-5xl); }
|
|
1717
|
-
@utility body-sm { font: var(--body-sm); }
|
|
1718
|
-
@utility body-md { font: var(--body-md); }
|
|
1719
|
-
@utility body-lg { font: var(--body-lg); }
|
|
1720
|
-
|
|
1721
|
-
|
|
1722
|
-
|
|
1723
1707
|
/* === ./styles/component-overrides.css === */
|
|
1724
1708
|
/** Custom styles to fix primevue components that are not custom or wrapped. */
|
|
1725
1709
|
|
|
1726
1710
|
:root {
|
|
1727
|
-
--p-toast-width: min(85vw,
|
|
1711
|
+
--p-toast-width: min(85vw, calc(var(--spacing) * 100));
|
|
1712
|
+
--p-tooltip-max-width: min(85vw, calc(var(--spacing) * 100));
|
|
1728
1713
|
}
|
|
1729
1714
|
|
|
1730
1715
|
/**
|
|
@@ -2022,6 +2007,9 @@
|
|
|
2022
2007
|
|
|
2023
2008
|
@apply bg-ctx text-ctx;
|
|
2024
2009
|
}
|
|
2010
|
+
.bcc-badge span:empty {
|
|
2011
|
+
display: none;
|
|
2012
|
+
}
|
|
2025
2013
|
.bcc-badge.gradient {
|
|
2026
2014
|
@apply ctx-gradient;
|
|
2027
2015
|
}
|
|
@@ -2137,31 +2125,31 @@
|
|
|
2137
2125
|
|
|
2138
2126
|
/* from ./BccDialKnob/BccDialKnob.css */
|
|
2139
2127
|
@layer components {
|
|
2140
|
-
|
|
2141
|
-
|
|
2142
|
-
|
|
2143
|
-
--bcc-knob-arc-bg: var(--color-background-neutral-default);
|
|
2144
|
-
--bcc-knob-head: var(--color-background-brand-bolder-default);
|
|
2145
|
-
--bcc-knob-tail: var(--color-background-brand-subtle-default);
|
|
2146
|
-
|
|
2147
|
-
--bcc-knob-left-head: var(--color-background-accent-red-bolder-default);
|
|
2148
|
-
--bcc-knob-left-tail: var(--color-background-accent-red-subtle-default);
|
|
2149
|
-
|
|
2150
|
-
--bcc-knob-right-head: var(--color-background-accent-green-bolder-default);
|
|
2151
|
-
--bcc-knob-right-tail: var(--color-background-accent-green-subtle-default);
|
|
2152
|
-
}
|
|
2128
|
+
.bcc-knob {
|
|
2129
|
+
@apply relative mx-auto inline-flex touch-none items-center justify-center p-2 select-none;
|
|
2153
2130
|
|
|
2154
|
-
|
|
2155
|
-
|
|
2156
|
-
|
|
2131
|
+
--bcc-knob-arc-bg: var(--color-background-accent-gray-default);
|
|
2132
|
+
--bcc-knob-head: var(--color-background-brand-bolder-default);
|
|
2133
|
+
--bcc-knob-tail: var(--color-background-brand-subtle-default);
|
|
2157
2134
|
|
|
2158
|
-
|
|
2159
|
-
|
|
2160
|
-
}
|
|
2135
|
+
--bcc-knob-left-head: var(--color-background-accent-red-bolder-default);
|
|
2136
|
+
--bcc-knob-left-tail: var(--color-background-accent-red-subtle-default);
|
|
2161
2137
|
|
|
2162
|
-
|
|
2163
|
-
|
|
2164
|
-
|
|
2138
|
+
--bcc-knob-right-head: var(--color-background-accent-green-bolder-default);
|
|
2139
|
+
--bcc-knob-right-tail: var(--color-background-accent-green-subtle-default);
|
|
2140
|
+
}
|
|
2141
|
+
|
|
2142
|
+
.bcc-knob-label {
|
|
2143
|
+
@apply pointer-events-none absolute inset-0 flex flex-col items-center justify-center select-none;
|
|
2144
|
+
}
|
|
2145
|
+
|
|
2146
|
+
.bcc-knob-top-left {
|
|
2147
|
+
@apply absolute top-0 left-0 text-left;
|
|
2148
|
+
}
|
|
2149
|
+
|
|
2150
|
+
.bcc-knob-top-right {
|
|
2151
|
+
@apply absolute top-0 right-0 text-right;
|
|
2152
|
+
}
|
|
2165
2153
|
}
|
|
2166
2154
|
|
|
2167
2155
|
|
|
@@ -6,9 +6,13 @@ export type MessageProps = Omit<PrimeMessageProps, 'icon'> & {
|
|
|
6
6
|
title?: string;
|
|
7
7
|
message?: string;
|
|
8
8
|
};
|
|
9
|
-
declare var __VLS_19: {};
|
|
9
|
+
declare var __VLS_19: {}, __VLS_21: {}, __VLS_23: {};
|
|
10
10
|
type __VLS_Slots = {} & {
|
|
11
11
|
default?: (props: typeof __VLS_19) => any;
|
|
12
|
+
} & {
|
|
13
|
+
title?: (props: typeof __VLS_21) => any;
|
|
14
|
+
} & {
|
|
15
|
+
message?: (props: typeof __VLS_23) => any;
|
|
12
16
|
};
|
|
13
17
|
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>;
|
|
14
18
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bcc-code/component-library-vue",
|
|
3
|
-
"version": "0.0.0-dev.
|
|
3
|
+
"version": "0.0.0-dev.2b1ba99",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Extended Vue component library based on PrimeVue and BCC design tokens",
|
|
6
6
|
"repository": "https://github.com/bcc-code/bcc-design.git",
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
"create-version": "node ./scripts/version.cjs"
|
|
55
55
|
},
|
|
56
56
|
"dependencies": {
|
|
57
|
-
"@bcc-code/design-tokens": "^5.2.
|
|
57
|
+
"@bcc-code/design-tokens": "^5.2.5",
|
|
58
58
|
"@bcc-code/icons-vue": "^1.4.0",
|
|
59
59
|
"@primeuix/themes": "^2.0.3",
|
|
60
60
|
"@tailwindcss/vite": "^4.1.18",
|