0.10.138 • Published 8 months ago

@reykjavik/hanna-react v0.10.138

Weekly downloads
-
License
MIT
Repository
github
Last release
8 months ago

@reykjavik/hanna-react

The official React components for Hanna – Reykjavík's design-system

yarn add @reykjavik/hanna-react

Components aim to be framework-agnostic and avoid unneccessary local state – always preferring "controlled" use.

(See README-conventions.md for more info.)

Versioning

This module always targets the most recent version of the Hanna markup patterns (currently Hanna 0.8).

The version number of the @reykjavik/hanna-react package reflects changes in the React Component signatures, dependencies, etc. and may have major releases at much higher rate than Hanna's markup patterns.

Note, however, that a major version update to the Hanna markup patterns automatically triggers a major version bump in this package.

If you need a version of this package that "targets" an older Hanna markup version, you'll find the appropriate package version in the change log.

CSS

Each component is paired with a CSS file that can be loaded via the Hanna CSS server – https://styles.reykjavik.is

If your project uses <Layout/>, <HeroBlock/>, <TextInput/>, <Selectbox/> and <ButtonPrimary/> you can load the required CSS by linking to https://styles.reykjavik.is/bundle/v0.8?m=-basics,Layout,HeroBlock,TextInput,Selectbox,ButtonPrimary

The preferred way to build the CSS URL is to use the helper getCssBundleUrl:

import { getCssBundleUrl } from '@reykjavik/hanna-css';

const cssUrl = getCssBundleUrl([
  '-basics',
  'Layout',
  'HeroBlock',
  'TextInput',
  'Selectbox',
  'ButtonPrimary',
]);

NOTE: The -basics URL token adds basic CSS resets, @font-face declarations global color-variables, etc.

For best result, try and make sure each web page has only one <link /> to the CSS server to avoid unpredictable styling behavior.

Changelog

See CHANGELOG.md

0.10.138

8 months ago

0.10.137

8 months ago

0.10.136

10 months ago

0.10.135

10 months ago

0.10.134

11 months ago

0.10.133

11 months ago

0.10.130

12 months ago

0.10.132

12 months ago

0.10.131

12 months ago

0.10.127

1 year ago

0.10.126

1 year ago

0.10.129

12 months ago

0.10.128

1 year ago

0.10.125

1 year ago

0.10.124

1 year ago

0.10.123

1 year ago

0.10.122

1 year ago

0.10.121

1 year ago

0.10.120

1 year ago

0.10.119

1 year ago

0.10.118

1 year ago

0.10.117

1 year ago

0.10.116

1 year ago

0.10.115

1 year ago

0.10.114

2 years ago

0.10.113

2 years ago

0.10.94

2 years ago

0.10.95

2 years ago

0.10.96

2 years ago

0.10.97

2 years ago

0.10.93

2 years ago

0.10.98

2 years ago

0.10.99

2 years ago

0.10.110

2 years ago

0.10.101

2 years ago

0.10.100

2 years ago

0.10.103

2 years ago

0.10.102

2 years ago

0.10.105

2 years ago

0.10.104

2 years ago

0.10.107

2 years ago

0.10.106

2 years ago

0.10.109

2 years ago

0.10.108

2 years ago

0.10.112

2 years ago

0.10.111

2 years ago

0.10.90

2 years ago

0.10.91

2 years ago

0.10.92

2 years ago

0.10.87

2 years ago

0.10.88

2 years ago

0.10.89

2 years ago

0.10.83

2 years ago

0.10.84

2 years ago

0.10.85

2 years ago

0.10.86

2 years ago

0.10.82

2 years ago

0.10.80

2 years ago

0.10.81

2 years ago

0.10.72

3 years ago

0.10.74

3 years ago

0.10.75

3 years ago

0.10.76

3 years ago

0.10.77

2 years ago

0.10.78

2 years ago

0.10.79

2 years ago

0.10.71

3 years ago

0.10.63

3 years ago

0.10.64

3 years ago

0.10.70

3 years ago

0.10.69

3 years ago

0.10.65

3 years ago

0.10.66

3 years ago

0.10.67

3 years ago

0.10.68

3 years ago

0.10.61

3 years ago

0.10.62

3 years ago

0.10.60

3 years ago

0.10.58

3 years ago

0.10.59

3 years ago

0.10.56

3 years ago

0.10.57

3 years ago

0.10.55

3 years ago

0.10.54

3 years ago

0.10.53

3 years ago