@bcc-code/component-library-vue 0.0.0-dev.6ca16ee → 0.0.0-dev.6f86910

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
@@ -590,78 +590,83 @@
590
590
 
591
591
  /* === ./styles/utilities.css === */
592
592
  @utility center {
593
- @apply flex items-center justify-center;
594
-
595
- &.top {
596
- @apply items-start;
597
- }
593
+ @apply flex items-center justify-center;
598
594
 
599
- &.bottom {
600
- @apply items-end;
601
- }
595
+ &.top {
596
+ @apply items-start;
597
+ }
602
598
 
603
- &.left {
604
- @apply justify-start;
605
- }
599
+ &.bottom {
600
+ @apply items-end;
601
+ }
606
602
 
607
- &.right {
608
- @apply justify-end;
609
- }
603
+ &.left {
604
+ @apply justify-start;
605
+ }
610
606
 
611
- &.stretch {
612
- @apply items-stretch;
613
- }
607
+ &.right {
608
+ @apply justify-end;
609
+ }
610
+
611
+ &.stretch {
612
+ @apply items-stretch;
613
+ }
614
614
  }
615
615
 
616
616
  @utility col {
617
- @apply flex flex-col items-center justify-center;
617
+ @apply flex flex-col items-center justify-center;
618
618
 
619
- &.left {
620
- @apply items-start;
621
- }
619
+ &.left {
620
+ @apply items-start;
621
+ }
622
622
 
623
- &.right {
624
- @apply items-end;
625
- }
623
+ &.right {
624
+ @apply items-end;
625
+ }
626
626
 
627
- &.top {
628
- @apply justify-start;
629
- }
627
+ &.top {
628
+ @apply justify-start;
629
+ }
630
630
 
631
- &.bottom {
632
- @apply justify-end;
633
- }
631
+ &.bottom {
632
+ @apply justify-end;
633
+ }
634
634
  }
635
635
 
636
636
  @utility between {
637
- @apply justify-between;
637
+ @apply justify-between;
638
638
  }
639
639
 
640
640
  @utility hide-scrollbar {
641
- -ms-overflow-style: none; /* for Internet Explorer, Edge */
642
- scrollbar-width: none; /* for Firefox */
643
- overflow-y: scroll;
641
+ -ms-overflow-style: none; /* for Internet Explorer, Edge */
642
+ scrollbar-width: none; /* for Firefox */
643
+ overflow-y: scroll;
644
644
 
645
- &::-webkit-scrollbar {
646
- display: none; /* for Chrome, Safari, and Opera */
647
- }
645
+ &::-webkit-scrollbar {
646
+ display: none; /* for Chrome, Safari, and Opera */
647
+ }
648
648
  }
649
649
 
650
650
  /* Capitalize first letter */
651
651
  @utility capital {
652
- @apply inline-block;
652
+ @apply inline-block;
653
653
 
654
- &::first-letter {
655
- text-transform: uppercase;
656
- }
654
+ &::first-letter {
655
+ text-transform: uppercase;
656
+ }
657
+
658
+ &.bcc-badge {
659
+ @apply inline-flex;
660
+ }
657
661
  }
658
662
 
659
663
  /* Inset 0 */
660
664
  @utility inset-0 {
661
- @apply left-0 right-0 top-0 bottom-0;
665
+ @apply top-0 right-0 bottom-0 left-0;
662
666
  }
663
667
 
664
668
 
669
+
665
670
  /* === ./styles/contexts.css === */
666
671
  /* Auto-generated from src/figma-modes. Do not edit by hand. */
667
672
  /* Run: pnpm run generate:context-css */
@@ -1723,88 +1728,104 @@
1723
1728
 
1724
1729
 
1725
1730
  /* === ./styles/context.css === */
1726
-
1727
1731
  @theme {
1728
- --color-brand-100: var(--color-bcc-100);
1729
- --color-brand-200: var(--color-bcc-200);
1730
- --color-brand-300: var(--color-bcc-300);
1731
- --color-brand-400: var(--color-bcc-400);
1732
- --color-brand-500: var(--color-bcc-500);
1733
- --color-brand-600: var(--color-bcc-600);
1734
- --color-brand-700: var(--color-bcc-700);
1735
- --color-brand-800: var(--color-bcc-800);
1736
- --color-brand-900: var(--color-bcc-900);
1737
- --color-brand-1000: var(--color-bcc-1000);
1732
+ --color-brand-100: var(--color-bcc-100);
1733
+ --color-brand-200: var(--color-bcc-200);
1734
+ --color-brand-300: var(--color-bcc-300);
1735
+ --color-brand-400: var(--color-bcc-400);
1736
+ --color-brand-500: var(--color-bcc-500);
1737
+ --color-brand-600: var(--color-bcc-600);
1738
+ --color-brand-700: var(--color-bcc-700);
1739
+ --color-brand-800: var(--color-bcc-800);
1740
+ --color-brand-900: var(--color-bcc-900);
1741
+ --color-brand-1000: var(--color-bcc-1000);
1738
1742
  }
1739
1743
 
1740
1744
  /** DEFAULT CONTEXTS */
1741
1745
  @utility ctx-default {
1742
- @apply ctx-neutral-subtlest;
1746
+ @apply ctx-neutral-subtlest;
1747
+ }
1748
+ @utility ctx-success {
1749
+ @apply ctx-success-subtlest;
1750
+ }
1751
+ @utility ctx-danger {
1752
+ @apply ctx-danger-subtlest;
1753
+ }
1754
+ @utility ctx-warning {
1755
+ @apply ctx-warning-subtlest;
1756
+ }
1757
+ @utility ctx-info {
1758
+ @apply ctx-info-subtlest;
1743
1759
  }
1744
- @utility ctx-success { @apply ctx-success-subtlest; }
1745
- @utility ctx-danger { @apply ctx-danger-subtlest; }
1746
- @utility ctx-warning { @apply ctx-warning-subtlest; }
1747
- @utility ctx-info { @apply ctx-info-subtlest; }
1748
1760
 
1749
1761
  @utility text-ctx {
1750
- color: var(--ctx-text);
1762
+ color: var(--ctx-text);
1751
1763
  }
1752
1764
 
1753
1765
  @utility text-ctx-bold {
1754
- color: var(--ctx-text-bold);
1766
+ color: var(--ctx-text-bold);
1755
1767
  }
1756
1768
 
1757
1769
  @utility bg-ctx {
1758
- background-color: var(--ctx-background);
1770
+ background-color: var(--ctx-background);
1759
1771
  }
1760
1772
 
1761
1773
  @utility border-ctx {
1762
- border-color: var(--ctx-border);
1774
+ border-color: var(--ctx-border);
1763
1775
  }
1764
1776
 
1765
1777
  @utility shadow-ctx {
1766
- --tw-shadow-color: var(--ctx-shadow);
1778
+ --tw-shadow-color: var(--ctx-shadow);
1767
1779
  }
1768
1780
 
1769
1781
  @utility ctx {
1770
- background-color: var(--ctx-background);
1771
- color: var(--ctx-text);
1772
- border-color: var(--ctx-border);
1782
+ background-color: var(--ctx-background);
1783
+ color: var(--ctx-text);
1784
+ border-color: var(--ctx-border);
1773
1785
  }
1774
1786
 
1775
1787
  @utility ctx-gradient {
1776
- background: linear-gradient(225deg, var(--ctx-background) 0%, var(--ctx-gradient) 100%);
1788
+ background: linear-gradient(225deg, var(--ctx-background) 0%, var(--ctx-gradient) 100%);
1789
+
1790
+ @variant dark {
1791
+ background: linear-gradient(225deg, var(--ctx-gradient) 0%, var(--ctx-background) 100%);
1792
+ }
1777
1793
  }
1778
1794
 
1779
1795
  @utility ctx-raised {
1780
- box-shadow: 0 1px 1px 0 var(--ctx-shadow), 0 0 1px 0 var(--ctx-shadow);
1796
+ box-shadow:
1797
+ 0 1px 1px 0 var(--ctx-shadow),
1798
+ 0 0 1px 0 var(--ctx-shadow);
1781
1799
  }
1782
1800
 
1783
1801
  @utility ctx-flat {
1784
- --ctx-background: transparent;
1802
+ --ctx-background: transparent;
1785
1803
 
1786
- @variant hover {
1787
- --ctx-background: var(--ctx-background-hover);
1788
- }
1804
+ @variant hover {
1805
+ --ctx-background: var(--ctx-background-hover);
1806
+ }
1789
1807
  }
1790
1808
 
1791
1809
  @utility clickable {
1792
- cursor: pointer;
1810
+ cursor: pointer;
1793
1811
  }
1794
1812
 
1795
- .clickable:hover {
1796
- --ctx-background: var(--ctx-background-hover);
1797
- --ctx-text: var(--ctx-text-hover);
1798
- --ctx-border: var(--ctx-border-hover);
1799
- }
1813
+ @media (hover: hover) and (pointer: fine) {
1814
+ .clickable:hover {
1815
+ --ctx-background: var(--ctx-background-hover);
1816
+ --ctx-text: var(--ctx-text-hover);
1817
+ --ctx-border: var(--ctx-border-hover);
1818
+ }
1800
1819
 
1801
- .clickable:active {
1802
- --ctx-background: var(--ctx-background-pressed);
1803
- --ctx-text: var(--ctx-text-pressed);
1804
- --ctx-border: var(--ctx-border-pressed);
1820
+ .clickable:active {
1821
+ --ctx-background: var(--ctx-background-pressed);
1822
+ --ctx-text: var(--ctx-text-pressed);
1823
+ --ctx-border: var(--ctx-border-pressed);
1824
+ }
1805
1825
  }
1806
1826
 
1807
1827
 
1828
+
1808
1829
  /* === ./styles/fonts.css === */
1809
1830
  @utility heading-xs { font: var(--heading-xs); }
1810
1831
  @utility heading-sm { font: var(--heading-sm); }
@@ -1824,6 +1845,10 @@
1824
1845
  /* === ./styles/component-overrides.css === */
1825
1846
  /** Custom styles to fix primevue components that are not custom or wrapped. */
1826
1847
 
1848
+ :root {
1849
+ --p-toast-width: min(85vw, 400px);
1850
+ }
1851
+
1827
1852
  /**
1828
1853
  * GUTTER FIX
1829
1854
  * Primevue's dropwdown components are all missing the gap between input and dropdown
@@ -1832,6 +1857,7 @@
1832
1857
  .p-menu-overlay,
1833
1858
  .p-multiselect-overlay,
1834
1859
  .p-select-overlay,
1860
+ .p-datepicker-panel,
1835
1861
  .p-treeselect-overlay {
1836
1862
  margin: var(--p-anchor-gutter) 0;
1837
1863
  }
@@ -1901,14 +1927,26 @@
1901
1927
  z-index: 2;
1902
1928
  }
1903
1929
 
1904
- .p-dialog-close-button .p-icon {
1905
- height: var(--icon-size-sm);
1906
- width: var(--icon-size-sm);
1930
+ .p-dialog-close-button {
1931
+ --p-icon-size: var(--icon-size-sm);
1907
1932
  }
1908
1933
  .p-dialog .p-button-icon:empty {
1909
1934
  display: none;
1910
1935
  }
1911
1936
 
1937
+ .p-togglebutton {
1938
+ font-size: var(--text-sm);
1939
+ border: 0;
1940
+ }
1941
+
1942
+ .p-togglebutton-sm {
1943
+ font-size: var(--text-sm);
1944
+ }
1945
+
1946
+ .p-togglebutton-lg {
1947
+ font-size: var(--text-md);
1948
+ }
1949
+
1912
1950
 
1913
1951
 
1914
1952
 
@@ -1917,57 +1955,36 @@
1917
1955
  /* from ./BccAppNavigation/BccAppNavigation.css */
1918
1956
  @layer components {
1919
1957
  .bcc-app-nav {
1920
- @apply pb-inset-bottom-2 absolute inset-x-0 bottom-0 z-20 flex w-full items-center justify-center overflow-visible;
1958
+ @apply bg-elevation-surface-default dark:border-brand-800 sticky inset-x-0 bottom-0 z-20 overflow-visible shadow-md sm:rounded-t-xl dark:border-t;
1921
1959
  }
1922
- .bcc-app-nav .bcc-app-nav-container {
1923
- @apply dark:border-default mx-auto flex items-center justify-center border border-white p-0.5;
1924
-
1925
- border-radius: 20px;
1926
- background: linear-gradient(135deg, rgba(255, 255, 255, 0.6) 0%, rgba(243, 244, 246, 0.4) 100%);
1927
- backdrop-filter: blur(12px) saturate(160%);
1928
- -webkit-backdrop-filter: blur(12px) saturate(160%);
1929
-
1930
- max-width: min(96%, var(--container-lg));
1931
- box-shadow:
1932
- /* inner bevel (top-left highlight, bottom-right shade) */
1933
- inset 0 0 32px white,
1934
- inset 1px 0 4px -1px rgba(0, 0, 0, 0.3),
1935
- inset 1px -2px 0 -1px white,
1936
- inset -1px 2px 0 -1px white,
1937
- 0px -1px 1px -2px rgba(16, 24, 40, 0.05),
1938
- 0px 4px 6px -2px rgba(16, 24, 40, 0.05),
1939
- 0px 12px 16px -4px rgba(16, 24, 40, 0.1);
1960
+ .bcc-app-nav-container {
1961
+ @apply center pb-inset-bottom-1 mx-auto max-w-lg pt-1;
1940
1962
  }
1941
- .dark .bcc-app-nav {
1942
- @apply backdrop-blur-sm;
1943
- background: transparent;
1944
- box-shadow: none;
1963
+
1964
+ .bcc-app-nav-item {
1965
+ @apply ctx-gray-subtlest text-ctx relative flex h-12 flex-1 flex-col items-center justify-center gap-1 transition-colors focus:ring-0 focus:outline-none;
1945
1966
  }
1946
1967
 
1947
- .bcc-app-nav .bcc-app-nav-item {
1948
- @apply col text-text-subtlest relative h-12 min-w-16 cursor-pointer rounded-xl border border-transparent px-2 opacity-90 transition-all select-none focus:outline-none;
1968
+ .bcc-nav-item-icon {
1969
+ @apply size-6 opacity-50;
1949
1970
  }
1950
1971
 
1951
- .bcc-app-nav .bcc-app-nav-item--active {
1952
- @apply text-brand-default bg-dark-neutral-alpha-500-a border-white opacity-100;
1953
- box-shadow:
1954
- /* inner bevel (top-left highlight, bottom-right shade) */
1955
- inset 1px 0 4px -1px rgba(0, 100, 50, 0.3),
1956
- inset 1px 2px 0 -1px white,
1957
- inset -1px -2px 0 -1px white,
1958
- inset 0 0 1px 0 rgba(0, 100, 50, 0.1),
1959
- inset 0 -3px 2px 0 rgba(0, 100, 50, 0.1);
1972
+ .bcc-nav-item-badge {
1973
+ @apply absolute top-0 right-1 opacity-75;
1960
1974
  }
1961
1975
 
1962
- .dark .bcc-app-nav .bcc-app-nav-item--active {
1963
- @apply bg-neutral-alpha-500-a text-brand-bold border-transparent;
1964
- box-shadow:
1965
- /* inner bevel (top-left highlight, bottom-right shade) */
1966
- inset 1px 0 4px -1px var(--blue-500),
1967
- inset 1px 2px 0 -1px var(--blue-900),
1968
- inset -1px -2px 0 -1px var(--blue-900),
1969
- inset 0 0 1px 0 var(--blue-300),
1970
- inset 0 -3px 2px 0 var(--blue-300);
1976
+ .bcc-nav-item-title {
1977
+ @apply text-heading-xs text-center opacity-50;
1978
+ }
1979
+
1980
+ .bcc-app-nav-item--active {
1981
+ @apply text-selected;
1982
+ }
1983
+
1984
+ .bcc-app-nav-item--active .bcc-nav-item-icon,
1985
+ .bcc-app-nav-item--active .bcc-nav-item-badge,
1986
+ .bcc-app-nav-item--active .bcc-nav-item-title {
1987
+ @apply opacity-100;
1971
1988
  }
1972
1989
  }
1973
1990
 
@@ -1975,67 +1992,66 @@
1975
1992
 
1976
1993
  /* from ./BccBadge/BccBadge.css */
1977
1994
  @layer components {
1978
- .bcc-badge {
1979
- @apply inline-flex shrink-0 gap-1 items-center justify-center rounded-full leading-none whitespace-nowrap;
1980
-
1981
- @apply bg-ctx text-ctx;
1982
- }
1995
+ .bcc-badge {
1996
+ @apply inline-flex shrink-0 items-center justify-center gap-1 rounded-full leading-none whitespace-nowrap;
1983
1997
 
1984
- .bcc-badge.capital {
1985
- @apply inline-flex;
1986
- }
1987
- .bcc-badge.gradient {
1988
- @apply ctx-gradient;
1989
- }
1990
- .bcc-badge.sm {
1991
- @apply w-4 h-4 text-heading-xs;
1992
- }
1993
- .bcc-badge.md {
1994
- @apply h-5 w-5 text-heading-sm;
1995
- }
1996
- .bcc-badge.lg {
1997
- @apply w-6 h-6 text-heading-md;
1998
- }
1999
- .bcc-badge.xl {
2000
- @apply w-8 h-8 text-heading-md;
2001
- }
1998
+ @apply bg-ctx text-ctx;
1999
+ }
2000
+ .bcc-badge.gradient {
2001
+ @apply ctx-gradient;
2002
+ }
2003
+ .bcc-badge.sm {
2004
+ @apply text-heading-xs h-4 w-4;
2005
+ }
2006
+ .bcc-badge.md {
2007
+ @apply text-heading-sm h-5 w-5;
2008
+ }
2009
+ .bcc-badge.lg {
2010
+ @apply text-heading-md h-6 w-6;
2011
+ }
2012
+ .bcc-badge.xl {
2013
+ @apply text-heading-md h-8 w-8;
2014
+ }
2002
2015
 
2003
- .bcc-badge .bcc-badge-icon {
2004
- @apply size-4;
2005
- }
2006
- .bcc-badge.lg .bcc-badge-icon {
2007
- @apply size-5;
2008
- }
2009
- .bcc-badge.xl .bcc-badge-icon {
2010
- @apply size-6;
2011
- }
2016
+ .bcc-badge .bcc-badge-icon {
2017
+ @apply size-4;
2018
+ }
2019
+ .bcc-badge.lg .bcc-badge-icon {
2020
+ @apply size-5;
2021
+ }
2022
+ .bcc-badge.xl .bcc-badge-icon {
2023
+ @apply size-6;
2024
+ }
2012
2025
 
2013
- .bcc-badge.bcc-badge-text {
2014
- @apply w-auto px-2;
2015
- }
2016
- .bcc-badge-text.lg, .bcc-badge-text.xl {
2017
- @apply px-3;
2018
- }
2019
- .bcc-badge-text.border.lg, .bcc-badge-text.border.xl {
2020
- @apply px-2;
2021
- }
2022
- .bcc-badge-text.bordered.lg, .bcc-badge-text.bordered.xl {
2023
- @apply px-1;
2024
- }
2026
+ .bcc-badge.bcc-badge-text {
2027
+ @apply w-auto px-2;
2028
+ }
2029
+ .bcc-badge-text.lg,
2030
+ .bcc-badge-text.xl {
2031
+ @apply px-3;
2032
+ }
2033
+ .bcc-badge-text.border.lg,
2034
+ .bcc-badge-text.border.xl {
2035
+ @apply px-2;
2036
+ }
2037
+ .bcc-badge-text.bordered.lg,
2038
+ .bcc-badge-text.bordered.xl {
2039
+ @apply px-1;
2040
+ }
2025
2041
 
2026
- .bcc-badge.border {
2027
- @apply border-1;
2028
- border-color: var(--ctx-background-pressed);
2029
- }
2042
+ .bcc-badge.border {
2043
+ @apply border-1;
2044
+ border-color: var(--ctx-background-pressed);
2045
+ }
2030
2046
 
2031
- .bcc-badge.bordered {
2032
- @apply border-2;
2033
- border-color: var(--ctx-background-pressed);
2034
- }
2047
+ .bcc-badge.bordered {
2048
+ @apply border-2;
2049
+ border-color: var(--ctx-background-pressed);
2050
+ }
2035
2051
 
2036
- .bcc-badge.squared {
2037
- @apply rounded-sm;
2038
- }
2052
+ .bcc-badge.squared {
2053
+ @apply rounded-sm;
2054
+ }
2039
2055
  }
2040
2056
 
2041
2057
 
@@ -2084,6 +2100,7 @@
2084
2100
 
2085
2101
  .bcc-capacity-indicator.is-warning {
2086
2102
  @apply ctx-yellow-subtlest;
2103
+ --bcc-capacity-indicator-circle: var(--ctx-background);
2087
2104
  }
2088
2105
 
2089
2106
  .bcc-capacity-indicator.is-full {
@@ -2523,6 +2540,9 @@
2523
2540
  height: 100%;
2524
2541
  overflow: auto;
2525
2542
  }
2543
+ .bcc-tabs-fluid.p-tabs {
2544
+ width: 100%;
2545
+ }
2526
2546
  }
2527
2547
 
2528
2548
 
@@ -2551,6 +2571,8 @@
2551
2571
  @apply m-0 p-0 font-sans antialiased;
2552
2572
  -webkit-font-smoothing: antialiased;
2553
2573
  -moz-osx-font-smoothing: grayscale;
2574
+ line-height: 1.2;
2575
+ font-kerning: normal;
2554
2576
  }
2555
2577
 
2556
2578
  hr {
@@ -1,3 +1,4 @@
1
+ import { BCC_CONTEXT } from '@/contexts';
1
2
  export type CapacityIndicatorProps = {
2
3
  /** Total capacity; use -1 for “unlimited” (shows an infinity-style icon instead of a bar). */
3
4
  total: number;
@@ -11,6 +12,8 @@ export type CapacityIndicatorProps = {
11
12
  squared?: boolean;
12
13
  /** When true, applies warning/full color states (e.g. color change at high usage). */
13
14
  colored?: boolean;
15
+ /** Design context (e.g. neutral, brand) used for background and text color. */
16
+ context?: BCC_CONTEXT;
14
17
  };
15
18
  declare const __VLS_export: import("vue").DefineComponent<CapacityIndicatorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CapacityIndicatorProps> & Readonly<{}>, {
16
19
  size: "xs" | "sm" | "base" | "lg";
@@ -1,3 +1,11 @@
1
- declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
1
+ type __VLS_Props = {
2
+ icon?: string;
3
+ size?: 'sm' | 'md' | 'base' | 'lg' | 'xl' | '2xl' | '3xl';
4
+ left?: boolean;
5
+ right?: boolean;
6
+ };
7
+ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
8
+ size: "sm" | "md" | "base" | "lg" | "xl" | "2xl" | "3xl";
9
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
2
10
  declare const _default: typeof __VLS_export;
3
11
  export default _default;
@@ -3,10 +3,12 @@ import { type MessageProps as PrimeMessageProps } from 'primevue/message';
3
3
  export type MessageProps = Omit<PrimeMessageProps, 'icon'> & {
4
4
  icon?: boolean | VueComponent;
5
5
  iconRight?: VueComponent | boolean;
6
+ title?: string;
7
+ message?: string;
6
8
  };
7
- declare var __VLS_14: {};
9
+ declare var __VLS_19: {};
8
10
  type __VLS_Slots = {} & {
9
- default?: (props: typeof __VLS_14) => any;
11
+ default?: (props: typeof __VLS_19) => any;
10
12
  };
11
13
  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>;
12
14
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
@@ -0,0 +1,18 @@
1
+ import { type RadioButtonProps as PrimeRadioButtonProps } from 'primevue/radiobutton';
2
+ export type RadioButtonProps = PrimeRadioButtonProps & {
3
+ label?: string;
4
+ labelLeft?: boolean;
5
+ };
6
+ declare var __VLS_6: {};
7
+ type __VLS_Slots = {} & {
8
+ default?: (props: typeof __VLS_6) => any;
9
+ };
10
+ declare const __VLS_base: import("vue").DefineComponent<RadioButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<RadioButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
11
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
12
+ declare const _default: typeof __VLS_export;
13
+ export default _default;
14
+ type __VLS_WithSlots<T, S> = T & {
15
+ new (): {
16
+ $slots: S;
17
+ };
18
+ };
@@ -0,0 +1,17 @@
1
+ import { type SelectButtonProps as PrimeSelectButtonProps } from 'primevue/selectbutton';
2
+ export type SelectButtonProps = PrimeSelectButtonProps;
3
+ declare var __VLS_9: {
4
+ option: any;
5
+ };
6
+ type __VLS_Slots = {} & {
7
+ option?: (props: typeof __VLS_9) => any;
8
+ };
9
+ declare const __VLS_base: import("vue").DefineComponent<PrimeSelectButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PrimeSelectButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
10
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
11
+ declare const _default: typeof __VLS_export;
12
+ export default _default;
13
+ type __VLS_WithSlots<T, S> = T & {
14
+ new (): {
15
+ $slots: S;
16
+ };
17
+ };
@@ -13,6 +13,8 @@ export type TabsProps = Omit<PrimeTabsProps, 'value'> & {
13
13
  fill?: boolean;
14
14
  modelValue?: number;
15
15
  noPanels?: boolean;
16
+ fluid?: boolean;
17
+ bold?: boolean;
16
18
  };
17
19
  type __VLS_Props = TabsProps;
18
20
  type __VLS_ModelProps = {
@@ -11,6 +11,8 @@ export { default as BccImage } from './BccImage.vue';
11
11
  export { default as BccInput } from './BccInput.vue';
12
12
  export { default as BccMenu } from './BccMenu/BccMenu.vue';
13
13
  export { default as BccMessage } from './BccMessage.vue';
14
+ export { default as BccRadioButton } from './BccRadioButton.vue';
15
+ export { default as BccSelectButton } from './BccSelectButton.vue';
14
16
  export { default as BccTabs } from './BccTabs/BccTabs.vue';
15
17
  export { default as BccToggle } from './BccToggle/BccToggle.vue';
16
18
  export { default as BccToggleButton } from './BccToggleButton.vue';
@@ -22,6 +24,8 @@ export type { ImageProps } from './BccImage.vue';
22
24
  export type { InputProps } from './BccInput.vue';
23
25
  export type { BccMenuItem, MenuProps } from './BccMenu/BccMenu.vue';
24
26
  export type { MessageProps } from './BccMessage.vue';
27
+ export type { RadioButtonProps } from './BccRadioButton.vue';
28
+ export type { SelectButtonProps } from './BccSelectButton.vue';
25
29
  export type { TabItem, TabsProps } from './BccTabs/BccTabs.vue';
26
30
  export type { ToggleProps } from './BccToggle/BccToggle.vue';
27
31
  export type { ToggleButtonProps } from './BccToggleButton.vue';
@@ -94,7 +94,6 @@ export { default as BccPopover } from 'primevue/popover';
94
94
  export { default as BccPortal } from 'primevue/portal';
95
95
  export { default as BccProgressBar } from 'primevue/progressbar';
96
96
  export { default as BccProgressSpinner } from 'primevue/progressspinner';
97
- export { default as BccRadioButton } from 'primevue/radiobutton';
98
97
  export { default as BccRadioButtonGroup } from 'primevue/radiobuttongroup';
99
98
  export { default as BccRating } from 'primevue/rating';
100
99
  export { default as BccRipple } from 'primevue/ripple';
@@ -102,7 +101,6 @@ export { default as BccRow } from 'primevue/row';
102
101
  export { default as BccScrollPanel } from 'primevue/scrollpanel';
103
102
  export { default as BccScrollTop } from 'primevue/scrolltop';
104
103
  export { default as BccSelect } from 'primevue/select';
105
- export { default as BccSelectButton } from 'primevue/selectbutton';
106
104
  export { default as BccSkeleton } from 'primevue/skeleton';
107
105
  export { default as BccSlider } from 'primevue/slider';
108
106
  export { default as BccSpeedDial } from 'primevue/speeddial';