4.0.1 (2020-07-18)

Bug Fixes

• links: add more variables to support hover and active state colors for visited links (48a58ac)

4.0.0 (2020-07-18)

Sensible Defaults for Input Validation (BREAKING CHANGE)

Valid and invalid border colors will now apply to all input scenarios, not just when those inputs are required. Because of this, the default valid border color has been set to match the standard input border color.

Font Size Clamping

Font sizes 1-6 can be more finely controlled, while still retaining the overall fluid type scale. You can set a min or max px value on each font size to prevent it from growing or shrinking past a certain point.

:root {
	--hiq-max-font-size-1: 40px;
	--hiq-min-font-size-6: 16px;
}

This will work in any browsers supporting the CSS clamp() function.

Visited Link Customization

You can now customize the color of a visited link using a custom property:

:root {
	--hiq-link-visited-color: blue;
}

Dialog Styling

Dialog elements (only supported in some browsers) now receive some default styling. You can also customize their border radius.

:root {
	--hiq-dialog-border-radius: 0.2rem;
}

3.1.0 (2020-07-18)

Features

• color inputs: tweak color input styles, allow customization of color input background color (03d9303)
• typography: add system-ui alias to font stack (6d938bc)

3.0.5 (2020-07-18)

Bug Fixes

• meters: fix styling to accommodate Chrome changes (c5d773e)

3.0.4 (2020-02-20)

Bug Fixes

• commitizen config update (94bc554)

3.0.3 (2020-02-19)

Bug Fixes

• security: fix lodash.merge vulnerability (9c0d9a9)

3.0.2 (2019-08-29)

Bug Fixes

• move custom media definitions out of root (dbe10c7)
• security fixes (3750966)

3.0.1 (2019-05-04)

Bug Fixes

• add back checkbox/radio focused background property (9ff1977)

3.0.0 (2019-05-04)

Locally Scoped Custom Properties (BREAKING CHANGE)

Locally scoped custom properties are now available to use when overriding specific element instances or classes. For example, when creating a button, you can set a global custom property, and then override the locally scoped property:

:root {
  --hiq-button-background-color: lightgray;
}

button.is-primary {
  --button-background-color: blue;
}

With this change, HiQ no longer supports Internet Explorer.

New Gray Palette (BREAKING CHANGE)

A new gray palette is no longer semantically tied to darkest -> lightest values, but now uses numbered gradations. This now makes more sense when using these colors in both light and dark themes. An additional gray value has also been added, bringing the total to eight.

  --hiq-color-gray-1: hsl(220, 10%, 5%);
  --hiq-color-gray-2: hsl(220, 10%, 10%);
  --hiq-color-gray-3: hsl(220, 10%, 20%);
  --hiq-color-gray-4: hsl(220, 10%, 40%);
  --hiq-color-gray-5: hsl(220, 10%, 60%);
  --hiq-color-gray-6: hsl(220, 10%, 90%);
  --hiq-color-gray-7: hsl(220, 10%, 95%);
  --hiq-color-gray-8: hsl(220, 10%, 98%);

Refactored Outline Styles

In previous versions of HiQ, outline styles were applied to focusable elements using the box-shadow property. This could cause conflicts if you wanted to use box-shadow AND have a custom focus style on an element. Now, HiQ uses the native outline properties for styling.

Removal of Extraneous Utilities (BREAKING CHANGE)

Previous versions of HiQ included numerous utility classes. In order to trim down the library, and clarify its purpose, a number of these utilities have been removed. HiQ is designed to be a CSS starter kit, NOT a utility classes library. With the introduction of locally scoped custom properties, the button variant mixin has also been removed.

• has-text-centered
• has-text-justified
• has-text-left
• has-text-right
• is-capitalized
• is-lowercase
• is-uppercase
• has-font-weight-light
• has-font-weight-normal
• has-font-weight-medium
• has-font-weight-semibold
• has-font-weight-bold
• is-full-width
• is-max-full-width
• is-centered
• is-pulled-left
• is-pulled-right
• is-clearfix
• flex-grid
• has-inline-children
• is-marginless
• is-paddingless
• is-radiusless
• is-shadowless
• button-variant

Renamed Stretch Utility (BREAKING CHANGE)

To conform with the overall naming scheme of utilities, the absolute-stretch utility has been renamed to is-stretched.

Removal of Extraneous Custom Properties (BREAKING CHANGE)

A few infrequently used custom properties have been removed. The distinction between hovered and focused styles have also been removed for all elements, except for inputs, as this is an unnecessary separation in most cases.

Focus-related removed properties:

• --hiq-button-focus-border-color
• --hiq-button-focus-background-color
• --hiq-button-focus-text-color
• --hiq-input-focus-placeholder-color
• --hiq-range-input-track-focus-background-color

Other removed properties:

• --hiq-code-border-radius
• --hiq-pre-border-radius
• --hiq-kbd-border-radius
• --hiq-checkbox-check-position-top
• --hiq-checkbox-check-position-left
• --hiq-checkbox-indeterminate-position-top
• --hiq-checkbox-indeterminate-position-left
• --hiq-radio-check-position-top
• --hiq-radio-check-position-left

Return to .css File Extension

Source files now use the standard .css file extension, rather than .pcss, which should make usage of source files easier.

2.6.4 (2019-05-03)

Bug Fixes

• typography: moving text color definition (d0a0027)

2.6.3 (2019-01-25)

Bug Fixes

• docs: fix typo in typography diagram (55ecbee)

2.6.2 (2018-11-11)

Bug Fixes

• fix release script config (3e44b8f)
• updating travis scripts and version number in docs (1664d6c)

2.6.1 (2018-11-11)

Bug Fixes

• updating version in docs (bd275d7)

• Adding .button class so anchor tags can receive button styling without changing semantics.
• Replacing checkbox and radio button border styling with shorthand property.

Replacing postcss-nesting plugin with postcss-nested in build since former with be dropping support for nested media queries.

New button variant mixin to more easily create simple button variants using scoped custom properties.

Major refactor of documentation using Vuepress

• Added required input validation styling
• Added mixin for style resets

Added indeterminate state styling for checkboxes.

Added missing border width and color variables for checkboxes and radio buttons.