Skip to content

Releases: Volksverpetzer/vvp_design_system

@volksverpetzer/ui-web@0.4.1

Choose a tag to compare

@github-actions github-actions released this 23 Aug 08:23
6e8608c

Patch Changes

  • 0b436b5 - Add the missing license field (MIT) — npm was showing "UNKNOWN" for both packages since neither package.json declared one. Also adds a LICENSE file at the repo root.

@volksverpetzer/design-tokens@0.4.1

Choose a tag to compare

@github-actions github-actions released this 23 Aug 08:23
6e8608c

Patch Changes

  • 0b436b5 - Add the missing license field (MIT) — npm was showing "UNKNOWN" for both packages since neither package.json declared one. Also adds a LICENSE file at the repo root.

@volksverpetzer/ui-web@0.4.0

Choose a tag to compare

@github-actions github-actions released this 16 Aug 07:22
7e4d07f

Minor Changes

  • #6 da366bc Thanks @rejas! - Button now forwards its ref to the underlying <button> element (via
    React.forwardRef), so consumers can attach DOM refs — e.g. for scroll/
    visibility tracking with IntersectionObserver — the same way they would
    with a plain <button>.

@volksverpetzer/design-tokens@0.4.0

Choose a tag to compare

@github-actions github-actions released this 16 Aug 07:22
7e4d07f

Minor Changes

  • #7 7d16c95 Thanks @rejas! - Add an elevation token category (xs/sm/md/lg) for neutral
    drop-shadows, so vvp_app doesn't have to hand-roll boxShadow/elevation
    values per component. xs and sm are sourced directly from vvp_app's
    existing card-lift and floating-button shadows, not invented — md/lg
    extend the same progression for overlays/modals.

    • CSS: @volksverpetzer/design-tokens/css/elevation.css — ready-to-use
      --vvp-elevation-* box-shadow values.
    • React Native: elevation from @volksverpetzer/design-tokens/rn/shared
      each step has offsetY/blur/opacity/android plus a pre-assembled
      boxShadow string for the RN "New Architecture" boxShadow View style
      prop.

    Color is always neutral black — brand-colored shadows (e.g. a pink CTA
    glow) stay local/hand-written, not part of this scale.

@volksverpetzer/ui-web@0.3.0

Choose a tag to compare

@github-actions github-actions released this 15 Aug 18:22
85dc022

Minor Changes

  • #4 ff84e41 Thanks @rejas! - Add ProgressBar, a campaign donation progress bar with one segment by
    default (0 to goal) or multiple stacked segments via milestones for
    campaigns with stretch goals. Styling (pink gradient fill, rounded pill
    track) matches vvp_divi5_extensions' existing CampaignProgress module,
    now built on the shared --vvp-* tokens instead of a local copy.

@volksverpetzer/design-tokens@0.3.0

Choose a tag to compare

@github-actions github-actions released this 15 Aug 06:23
7558859

Minor Changes

  • cdacf9c - Add a plain-CSS export with the --brand-* WP-admin override hook (./css/volksverpetzer-brand.css, ./css/mimikama-brand.css), alongside the existing .scss one. The plain ./css/volksverpetzer.css export has no override hook and different variable names (--vvp-primary vs --vvp-color-primary) — consumers that need the overridable form without using Sass (e.g. vvp_divi5_extensions, after dropping Sass) need this instead.

@volksverpetzer/ui-web@0.2.0

Choose a tag to compare

Minor Changes

  • 2f41df1 - Add accent variant to Button, for donation/campaign CTAs that use the pink brand accent instead of primary blue (e.g. vvp_divi5_extensions's campaign-donate module and the crowdfunding site's donate button).

@volksverpetzer/design-tokens@0.2.0

Choose a tag to compare

@github-actions github-actions released this 14 Aug 21:10
01654e2

Minor Changes

  • 0c743e0 - Add an SCSS export for the radius scale (./scss/radius.scss), alongside the existing CSS one. Sass doesn't inline @import "foo.css" at build time, so consumers using the radius scale via Sass (e.g. vvp_divi5_extensions) need a real .scss file the way colors already have.