@clevercloud/components - npm Package Versions

9.0.0 (2022-07-19)

⚠️ BREAKING CHANGES

• <cc-input-text>:
  • change default font-family to inherit instead of monospace (BREAKING CHANGE),
  • add CSS Custom Prop to change the <input> font-family.
• <cc-input-number>:
  • change default font-family to inherit instead of monospace (BREAKING CHANGE),
  • add CSS Custom Prop to change the <input> font-family.
• <cc-toggle>:
  • rename --cc-text-transform to --cc-toggle-text-transform (BREAKING CHANGE),
  • add CSS Custom Prop to customize border-radius, font-weight.
• Introduce a public theme based on a CSS files (BREAKING CHANGE):
  • move default-theme (design tokens) from a JavaScript file to a CSS file (BREAKING CHANGE),
  • remove default-theme import from all components (BREAKING CHANGE),
  • prefix decision design tokens with cc- (BREAKING CHANGE),
  • define default text color using cc-color-text-default where necessary (BREAKING CHANGE),
  • define default background colors using cc-color-bg-default where necessary (BREAKING CHANGE).
• colors: change color decision names finishing with -light to -weak (for instance: cc-color-text-weak). (BREAKING CHANGE)

Components

• Replace error state after user action by cc-toast notification (cc-grafana-info, cc-tcp-redirection-form, cc-env-var-form).
• New components:
  • <cc-toaster>
  • <cc-toast>
• <cc-button>: add CSS Custom Props to customize border-radius, font-weight and text-transform.

For devs

• rollup:
  • add new plugin rollup-plugin-styles-assets to bundle the default-theme CSS file.
  • add new property (array) styles in deps-manifest to specify the hashed name of the default-theme CSS file corresponding to a specific version (to be used by the CDN).

...

8.0.1 (2022-07-15)

Components

• <cc-env-var-form>: fix the reset button not working.

For devs

• storybook: limit the width of the preview (and center it)
• storybook: add a displayMode option in makeStory to simplify story layout and code

8.0.0 (2022-07-01)

⚠️ BREAKING CHANGES

• <cc-doc-card>: rename title property to heading to fix a conflict.
• <cc-doc-list>: use heading when initializing the cards instead of title.

Components

• <cc-article-list>: fix error mode not triggering on XML parsing failure (smart).
• parseRssFeed(): trim XML string before parse to avoid whitespaces error.
• <cc-button>: update waiting loader animation in circle state.
• Color design tokens: add darker shades for light colors.
• New component:
  • <cc-badge>
• <cc-tcp-redirection-form>: Use <cc-badge> to display redirection count.
• <cc-header-app>: Change footer background to neutral.
• <cc-header-addon>: Change footer background to neutral.
• <cc-header-orga>: Use <cc-badge> to display org status and hotline number.
• <cc-input-text>: add inline prop to place the label on the left of the <input> element. Add new inline story to show this behavior.
• <cc-input-number>: add inline prop to place the label on the left of the <input> element. Add new inline story to show this behavior.
• <cc-select>: add inline prop to place the label on the left of the <select> element. Add new inline story to show this behavior.
• <cc-toggle>: add inline prop to place the label on the left of the group of radio input elements. Add new inline story to show this behavior.
• <cc-invoice-list>: inline year filters (<cc-toggle> for desktop and <cc-select> for mobile).

7.12.0 (2022-05-20)

• cc-link: remove defaultThemeStyles insertion in CSS.
• <cc-addon-linked-apps>: add defaultThemeStyles import so that variables can be used by cc-link.
• <cc-addon-option-form>: add defaultThemeStyles import so that variables can be used by cc-link.
• <cc-elasticsearch-info>: add defaultThemeStyles import so that variables can be used by cc-link.
• <cc-jenkins-info>: add defaultThemeStyles import so that variables can be used by cc-link.
• <cc-matomo-info>: add defaultThemeStyles import so that variables can be used by cc-link.
• <cc-env-var-form>: add defaultThemeStyles import so that variables can be used by cc-link.
• <cc-article-card>: add defaultThemeStyles import so that variables can be used by cc-link.
• <cc-invoice>: add defaultThemeStyles import so that variables can be used by cc-link.
• <cc-grafana-info>: add defaultThemeStyles import so that variables can be used by cc-link.
• cc-link story: update documentation following the color update. Add defaultThemeStyles import inside the example.
• cc-link: fix :visited and :active color so that they are the same as the link with default state (primary highlight).
• <cc-input-text>: set line-height to 1.25em for the <label> element.
• <cc-input-number>: set line-height to 1.25em for the <label> element.
• <cc-select>: set line-height to 1.25em for the <label> element.
• <cc-toggle>: set line-height to 1.25em for the <legend> element.
• defaultThemeStyles: add variable to be used as margin-top value on a <cc-button> when one wants to align all form elements horizontally.
• all-form-controls story: add new story with help message and add a note about how to handle horizontal layout inside forms.
• New components:
  • <cc-article-card>
  • <cc-article-list> (with smart definition)
  • <cc-doc-card>
  • <cc-doc-list>

7.11.0 (2022-04-14)

• colors: use variables to specify colors and swap old colors for new contrasted ones. Add ADR about colors and Design Tokens.
• all-form-controls story: display disabled and readonly form controls next to each other to make sure they look the same.
• New component:
  • <cc-warning-payment>
• cc-input-text: add help text and error message support as well as their related stories. Remove label stories and add label inside all stories.
• cc-input-number: add help text and error message support as well as their related stories. Remove label stories and add label inside all stories.
• cc-select: add help text support as well as its related story.

7.10.1 (2022-03-23)

<cc-matomo-info>: fix logo URLs for PHP, MySQL and Redis

7.10.0 (2022-03-23)

• <cc-input-number>: fix controls mode not working properly from types introduction
• <cc-pricing-header>: fix skeleton animation still displaying on the select on Safari after loading of data
• New component:
  • <cc-matomo-info>

7.9.1 (2022-03-15)

• <cc-tcp-redirection-form>: fix smart definition (wrong operator caused race conditions)

7.9.0 (2022-03-14)

• <cc-tcp-redirection-form>: add smart definition
• New component:
  • <cc-select>
• <cc-button>, <cc-input-number>, <cc-input-text>, <cc-select>, <cc-toggle>: add new story showing all form controls together
• <cc-invoice-list>: implement <cc-select> to display the year list when component width is lower than 520px
• Remove engines.node from package.json and rely on Volta's versions fields
  • We use the CC_PRE_BUILD_HOOK env var to select the versions for Node.js and npm
• <cc-header-addon>: add missing import to cc-zone

For devs

• Use specific Docker image for the CDN deployment job
• Fix npm task components:check-lit (was only applied on atoms)
• <cc-env-var-editor-simple>: remove unused mode attribute on cc-env-var-input