@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/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, 400px);
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
- .bcc-knob {
2141
- @apply relative mx-auto inline-flex touch-none select-none items-center justify-center p-2;
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
- .bcc-knob-label {
2155
- @apply pointer-events-none absolute inset-0 flex select-none flex-col items-center justify-center;
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
- .bcc-knob-top-left {
2159
- @apply absolute top-0 left-0 text-left;
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
- .bcc-knob-top-right {
2163
- @apply absolute top-0 right-0 text-right;
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.29ce246",
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.4",
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",