@bcc-code/component-library-vue 0.0.0-dev.76cc5cd → 0.0.0-dev.7840660
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 +18 -17
- package/dist/component-library.umd.cjs +95 -95
- package/dist/index.css +1 -1
- package/dist/theme.css +30 -27
- package/dist-types/components/custom/BccGraphic/BccGraphic.vue.d.ts +2 -0
- package/dist-types/components/custom/BccTopNavigation/BccTopNavigation.vue.d.ts +1 -1
- package/package.json +105 -103
|
@@ -4343,14 +4343,14 @@ const Nk = yf(jk, {
|
|
|
4343
4343
|
colorScheme: {
|
|
4344
4344
|
light: {
|
|
4345
4345
|
root: {
|
|
4346
|
-
background: "var(--color-background-accent-gray-default)",
|
|
4347
|
-
checkedBackground: "var(--color-background-accent-gray-default)",
|
|
4348
|
-
hoverBackground: "var(--color-background-accent-gray-
|
|
4349
|
-
borderColor: "var(--color-background-accent-gray-default)",
|
|
4346
|
+
background: "var(--color-background-accent-gray-subtle-default)",
|
|
4347
|
+
checkedBackground: "var(--color-background-accent-gray-subtle-default)",
|
|
4348
|
+
hoverBackground: "var(--color-background-accent-gray-subtle-hover)",
|
|
4349
|
+
borderColor: "var(--color-background-accent-gray-subtle-default)",
|
|
4350
4350
|
color: "var(--color-text-subtle)",
|
|
4351
4351
|
hoverColor: "var(--color-text-default)",
|
|
4352
4352
|
checkedColor: "var(--color-text-default)",
|
|
4353
|
-
checkedBorderColor: "var(--color-background-accent-gray-default)"
|
|
4353
|
+
checkedBorderColor: "var(--color-background-accent-gray-subtle-default)"
|
|
4354
4354
|
},
|
|
4355
4355
|
content: {
|
|
4356
4356
|
checkedBackground: "var(--color-elevation-surface-default)"
|
|
@@ -4363,14 +4363,14 @@ const Nk = yf(jk, {
|
|
|
4363
4363
|
},
|
|
4364
4364
|
dark: {
|
|
4365
4365
|
root: {
|
|
4366
|
-
background: "var(--color-background-accent-gray-default)",
|
|
4367
|
-
checkedBackground: "var(--color-background-accent-gray-default)",
|
|
4368
|
-
hoverBackground: "var(--color-background-accent-gray-
|
|
4369
|
-
borderColor: "var(--color-background-accent-gray-default)",
|
|
4366
|
+
background: "var(--color-background-accent-gray-subtle-default)",
|
|
4367
|
+
checkedBackground: "var(--color-background-accent-gray-subtle-default)",
|
|
4368
|
+
hoverBackground: "var(--color-background-accent-gray-subtle-hover)",
|
|
4369
|
+
borderColor: "var(--color-background-accent-gray-subtle-default)",
|
|
4370
4370
|
color: "var(--color-text-subtle)",
|
|
4371
4371
|
hoverColor: "var(--color-text-default)",
|
|
4372
4372
|
checkedColor: "var(--color-text-default)",
|
|
4373
|
-
checkedBorderColor: "var(--color-background-accent-gray-default)"
|
|
4373
|
+
checkedBorderColor: "var(--color-background-accent-gray-subtle-default)"
|
|
4374
4374
|
},
|
|
4375
4375
|
content: {
|
|
4376
4376
|
checkedBackground: "var(--color-elevation-surface-default)"
|
|
@@ -4680,7 +4680,7 @@ const Nk = yf(jk, {
|
|
|
4680
4680
|
transitionDuration: "{transition.duration}"
|
|
4681
4681
|
},
|
|
4682
4682
|
tablist: {
|
|
4683
|
-
borderWidth: "var(--border-width-0
|
|
4683
|
+
borderWidth: "0 0 var(--border-width-2) 0",
|
|
4684
4684
|
background: "transparent",
|
|
4685
4685
|
borderColor: "var(--color-border-default)"
|
|
4686
4686
|
},
|
|
@@ -4697,7 +4697,7 @@ const Nk = yf(jk, {
|
|
|
4697
4697
|
activeColor: "var(--color-text-selected)",
|
|
4698
4698
|
padding: "var(--space-150)",
|
|
4699
4699
|
fontWeight: "var(--font-weight-medium)",
|
|
4700
|
-
margin: "0",
|
|
4700
|
+
margin: "0 0 var(--space-negative-25) 0",
|
|
4701
4701
|
gap: "var(--space-100)",
|
|
4702
4702
|
focusRing: {
|
|
4703
4703
|
width: "{focus.ring.width}",
|
|
@@ -4734,7 +4734,7 @@ const Nk = yf(jk, {
|
|
|
4734
4734
|
},
|
|
4735
4735
|
activeBar: {
|
|
4736
4736
|
height: "var(--space-25)",
|
|
4737
|
-
bottom: "-
|
|
4737
|
+
bottom: "-2px",
|
|
4738
4738
|
background: "var(--color-background-brand-bolder-default)"
|
|
4739
4739
|
},
|
|
4740
4740
|
colorScheme: {
|
|
@@ -8831,12 +8831,13 @@ const SN = /* @__PURE__ */ Te({
|
|
|
8831
8831
|
logoSrc: {},
|
|
8832
8832
|
rounding: { default: "xl" },
|
|
8833
8833
|
ratio: { default: "wide" },
|
|
8834
|
-
grayscale: { type: Boolean }
|
|
8834
|
+
grayscale: { type: Boolean },
|
|
8835
|
+
highlight: { type: Boolean }
|
|
8835
8836
|
},
|
|
8836
8837
|
setup(t) {
|
|
8837
8838
|
const e = t, n = $e(!1), r = $e(!1), i = ye(() => PI(e.ratio));
|
|
8838
8839
|
return (o, a) => (d(), p("div", {
|
|
8839
|
-
class: S(["bcc-graphic", Ii[t.rounding]]),
|
|
8840
|
+
class: S(["bcc-graphic", [Ii[t.rounding], { "brightness-75 grayscale": t.grayscale, "brightness-150": t.highlight }]]),
|
|
8840
8841
|
style: ht(`padding-bottom: ${i.value}`)
|
|
8841
8842
|
}, [
|
|
8842
8843
|
t.bannerSrc ? (d(), p(T, { key: 0 }, [
|
|
@@ -9717,7 +9718,7 @@ const xC = {
|
|
|
9717
9718
|
fixed: { type: Boolean },
|
|
9718
9719
|
padded: { type: Boolean },
|
|
9719
9720
|
transparent: { type: Boolean },
|
|
9720
|
-
|
|
9721
|
+
white: { type: Boolean },
|
|
9721
9722
|
force: { type: Boolean },
|
|
9722
9723
|
titleLeft: { type: Boolean }
|
|
9723
9724
|
},
|
|
@@ -9733,7 +9734,7 @@ const xC = {
|
|
|
9733
9734
|
return (o, a) => (d(), p("div", {
|
|
9734
9735
|
class: S(["bcc-topbar pt-inset-top-1 top-0 z-30 w-full shrink-0 pb-1", [
|
|
9735
9736
|
{ relative: t.relative, fixed: t.fixed, sticky: !t.relative && !t.fixed },
|
|
9736
|
-
t.transparent
|
|
9737
|
+
t.transparent ? "" : t.white ? "bg-elevation-surface-default text-default" : "bg-brand-800 text-white drop-shadow"
|
|
9737
9738
|
]])
|
|
9738
9739
|
}, [
|
|
9739
9740
|
k("div", {
|