@codecavepro/brand 2.1.2 → 2.2.0
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/colors_and_type.css
CHANGED
|
@@ -456,11 +456,11 @@ a:hover { color: var(--color-hovered); }
|
|
|
456
456
|
/* ===========================================================================
|
|
457
457
|
* COMPONENT LAYER
|
|
458
458
|
* Geometry, color and state pairs transcribed from the production Vue/Astro
|
|
459
|
-
* components
|
|
459
|
+
* components under docs/authored/. Each block names its source file.
|
|
460
460
|
* ======================================================================== */
|
|
461
461
|
|
|
462
462
|
/* ---------------------------------------------------------------------------
|
|
463
|
-
* Buttons — source:
|
|
463
|
+
* Buttons — source: authored/common/Button.vue
|
|
464
464
|
* Every control is a 48px pill: min-h-12 px-6 py-1 rounded-full font-bold.
|
|
465
465
|
* ONE solid fill per action. Everything else is bordered, ghost or text.
|
|
466
466
|
*
|
|
@@ -538,7 +538,7 @@ a:hover { color: var(--color-hovered); }
|
|
|
538
538
|
.btn-disabled { opacity: 0.2; cursor: not-allowed; }
|
|
539
539
|
|
|
540
540
|
/* ---------------------------------------------------------------------------
|
|
541
|
-
* Glow button — source:
|
|
541
|
+
* Glow button — source: authored/common/GlowButton.vue
|
|
542
542
|
* The single highest-intent CTA. Lighter violet field (#9980FF) with the only
|
|
543
543
|
* dark text in the system, wrapped in a violet halo. At most ONE per action:
|
|
544
544
|
* a long page may repeat it once at the end, never twice in a viewport.
|
|
@@ -559,7 +559,7 @@ a:hover { color: var(--color-hovered); }
|
|
|
559
559
|
|
|
560
560
|
/* The travelling highlight. Production drives x/y with GSAP quickTo on
|
|
561
561
|
* pointermove; here the resting position (20% / 50%) is the default and a host
|
|
562
|
-
* may animate it by writing --glow-x, as
|
|
562
|
+
* may animate it by writing --glow-x, as index.html does. */
|
|
563
563
|
.btn-glow::after {
|
|
564
564
|
content: "";
|
|
565
565
|
position: absolute;
|
|
@@ -683,7 +683,7 @@ a:hover { color: var(--color-hovered); }
|
|
|
683
683
|
}
|
|
684
684
|
|
|
685
685
|
/* ---------------------------------------------------------------------------
|
|
686
|
-
* Text input — source:
|
|
686
|
+
* Text input — source: authored/common/InputText.vue
|
|
687
687
|
* 64px tall, 8px radius (one of only two small radii in the system), a bold
|
|
688
688
|
* 14px floating label seated in the top-left, and a violet focus halo instead
|
|
689
689
|
* of an outline. Filled, hovered and focused are all distinct.
|
|
@@ -765,7 +765,7 @@ a:hover { color: var(--color-hovered); }
|
|
|
765
765
|
font-size: var(--text-caption);
|
|
766
766
|
}
|
|
767
767
|
|
|
768
|
-
/* Checkbox — source:
|
|
768
|
+
/* Checkbox — source: authored/common/Checkbox.vue
|
|
769
769
|
* 24px, 8px radius, 2px violet-black border that brightens to --color-action. */
|
|
770
770
|
.checkbox {
|
|
771
771
|
display: inline-flex;
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
/**
|
|
3
3
|
* The CODECAVE top bar. Ghost-style links split around a centred wordmark.
|
|
4
4
|
*
|
|
5
|
-
* AUTHORED, not captured
|
|
6
|
-
*
|
|
7
|
-
*
|
|
8
|
-
*
|
|
9
|
-
*
|
|
5
|
+
* AUTHORED, not captured, and it was the first file to be. It is the site bar
|
|
6
|
+
* and the docs bar reconciled into one, so it has no upstream in either repo --
|
|
7
|
+
* which is why docs/authored/ exists at all. Every other component has since
|
|
8
|
+
* joined it there, source_examples/ having stopped being a true description of
|
|
9
|
+
* anything but the handful of files still captured from elsewhere.
|
|
10
10
|
*
|
|
11
11
|
* WHY IT CAN SHIP WHEN THE MENUS COULD NOT. desktop-menu.vue and mobile-menu.vue
|
|
12
12
|
* were excluded from this package (CCWEB2-371) because they reach the site
|
|
@@ -66,7 +66,7 @@ onMounted(() => {
|
|
|
66
66
|
<template>
|
|
67
67
|
<div :class="`relative inline-block ${props.class ?? ''}`">
|
|
68
68
|
<div ref="edgeLeft" class="edge-glow -left-2"></div>
|
|
69
|
-
<a ref="link" :href="href" @mousemove="handleMouseMove" @mouseenter="handleMouseEnter" @mouseleave="handleMouseLeave" :class="`cursor-pointer flex items-center justify-center relative z-[1] overflow-hidden w-full h-
|
|
69
|
+
<a ref="link" :href="href" @mousemove="handleMouseMove" @mouseenter="handleMouseEnter" @mouseleave="handleMouseLeave" :class="`cursor-pointer flex items-center justify-center relative z-[1] overflow-hidden w-full h-12 px-6 py-1 rounded-full bg-glow-25 ${props.class ?? ''}`">
|
|
70
70
|
<span class="relative z-[2] text-primary-800 font-bold select-none">
|
|
71
71
|
{{ title }}
|
|
72
72
|
</span>
|
package/package.json
CHANGED