Releases · MohmmedAshraf/blade-flags

23 Feb 02:04

MohmmedAshraf

js-v0.1.3

83ae186

js-v0.1.3 Latest

Latest

Fix

Fix flag components not respecting CSS size classes (size-4, shrink-0, etc.)
- Strip hardcoded width/height from SVGs, use width:100%;height:100% so the SVG fills its container
- Add display:inline-flex to the span wrapper

Affected packages: @blade-flags/core, @blade-flags/react, @blade-flags/vue

Assets 2

14 Feb 14:51

MohmmedAshraf

1.6.1

8c5bc1f

v1.6.1

This package aims for broad compatibility by mirroring upstream flag collections. Inclusion of any flag does not imply endorsement. The author of this package stands with Palestine (the Palestine flag is featured in the project cover). If you want to exclude specific flags, you can do so in your application/UI, or exclude them during the build via bin/build.sh.

Assets 2

14 Feb 14:51

MohmmedAshraf

js-v0.1.2

8c5bc1f

JS v0.1.2

Assets 2

13 Feb 17:41

MohmmedAshraf

1.6.0

3b7c1ef

v1.6.0

What's New

Circle & Flat Flag Variants

The package now ships with three flag styles — 1,759 flags total:

Variant	Component	Countries	Languages
Default (rounded)	`<x-flag-country-us />`	264	281
Circle	`<x-flag-circle-country-us />`	405	275
Flat (4:3)	`<x-flag-flat-country-us />`	270	264

Language Flag Overrides

Override default language-to-country mappings via config:

// config/blade-flags.php
'language_overrides' => [
    'ar' => ['default' => 'sa'],
    'en' => ['default' => 'us'],
],

JavaScript Packages

The same flags are now available as npm packages for Vue, React, and vanilla JS:

@blade-flags/core — SVG strings as tree-shakeable JS modules
@blade-flags/vue — <Flag> component for Vue 3
@blade-flags/react — <Flag> component for React 18+

npm install @blade-flags/core @blade-flags/vue

Full Changelog: 1.5.4...1.6.0

Assets 2

13 Feb 17:44

MohmmedAshraf

js-v0.1.1

7cab831

JS v0.1.1

Fixed

Add README files to npm packages

Assets 2

13 Feb 17:41

MohmmedAshraf

js-v0.1.0

3b7c1ef

JS v0.1.0

Initial Release — JavaScript Packages

First release of the JavaScript flag packages, providing the same 1,759 SVG flags from blade-flags as tree-shakeable JS modules.

Packages

Package	Description
`@blade-flags/core`	SVG strings as JS modules + `resolveFlag()` helper
`@blade-flags/vue`	`<Flag>` component for Vue 3.3+
`@blade-flags/react`	`<Flag>` component for React 18+

Installation

npm install @blade-flags/core @blade-flags/vue   # Vue
npm install @blade-flags/core @blade-flags/react  # React
npm install @blade-flags/core                     # Vanilla JS

Tree-Shaking

Every flag is a named export — import only what you need:

import { countryUs, countryGb } from '@blade-flags/core/flags/circle'

Or use the full variant map for dynamic runtime lookup:

import { circleFlags } from '@blade-flags/core/flags/circle'
import { resolveFlag } from '@blade-flags/core'
const svg = resolveFlag(circleFlags, 'us')