@clevercloud/components - npm Package Versions

7.13.0 (2023-06-23)

⚠️ Caution:

The goal of this release is to fix issues with the version 7.12 of the pricing components for our Website (see #787 #781). Changes described below are specific to this version. They are not part of versions between 8.0.0 and 11.0.0.

If you need to use the pricing components, please update to a version >= 11.0.0 of our components that contains a rework of these components.

• update Shoelace dependency from 2.0.0-beta.47 to 2.5.0 to fix an issue with Chrome > 114.
• <cc-pricing-table>: make it possible to add custom features. Stop filtering out features that have no registered translation.

10.5.0 (2023-03-17)

Features

• cc-overview: add cc-tile-metrics to the app-mode story (e710e61), closes #722
• cc-zone: add infra if any to the getText() static method (e0cfacb), closes #724

Bug Fixes

• eslint: check for improper sanitize function usage (1947db0)

10.4.0 (2023-03-08)

Features

• cc-link: add title property (d5c2d8c)
• cc-tile-metrics: init component (73aeb7c), closes #240

Bug Fixes

• cc-ssh-key-list: creation form mistakenly updated (26cba28)
• cc-ssh-key-list: proper form validation when adding a new key in some cases (ec0c6f1)
• focus outline: use contrasted focus outline (bfd60c1), closes #281

10.3.0 (2023-01-09)

Features

• cc-button: add 'icon' property with 'cc-icon' (18724b6)
• cc-icon: init (64e87e1)
• cc-ssh-key-list: implement 'cc-icon' (e12dd10)
• notifications: dispatch notify events from window by default (fcda35c), closes #663

Bug Fixes

• cc-icon: force svg size to resolve safari 15 issue (6ca44c1), closes #681
• cc-invoice-table: "WONTPAY" is part of pending invoices (af244ed)
• cc-stretch: rollback width max-content rule (245ac95), closes #657

10.2.1 (2022-12-02)

Bug Fixes

• cc-badge: override border in skeleton mode (ab57a57), closes #654

10.2.0 (2022-12-01)

Features

• cc-notice: init component (60e811c), closes #343
• cc-orga-member-card: init component (e0c1888), closes #412
• cc-orga-member-list: init component (3bc272d)
• stylelint: add new tool (76e75b3), closes #122

Bug Fixes

• cc-badge / cc-stretch: prevent layout shifts on Safari (ffd55ad), closes #647
• cc-badge: make the badge content grow with the badge (c313f54)
• cc-badge: set consistent border display with webkit (131aff7), closes #630
• cc-button: set default background color (ba6e9c1), closes #643
• email: update pattern to forbid spaces (30cbfbd)
• with-resize-observer: prevent layout shifts (07cc728)

10.1.0 (2022-11-24)

Features

• cc-button: display waiting state when in link mode (f9cbe9d), closes #628
• cc-email: init component (fb118e3), closes #435

Bug Fixes

• match typecheck tsconfig with typescript dependency version (1d1e306)

10.0.1 (2022-11-08)

Bug Fixes

• cc-env-var-editor-expert: set proper value for the editor hidden label (e63c282)
• cc-env-var-editor-json: set proper value for the editor hidden label (eddad2f)
• cc-ssh-key-list: improve UX when adding a new key (befe7aa)

10.0.0 (2022-11-07)

⚠️ BREAKING CHANGES

• <cc-toggle>: update component host default display CSS property (BREAKING CHANGE).
• <cc-input-text>: set default font back to --cc-ff-monospace when the input contains tags (BREAKING CHANGE).
• Introduce a new project file structure (BREAKING CHANGE).
• all components: change rem units to em (BREAKING CHANGE).
• <cc-select>: use the value property of the select element instead of the selected attribute. The value prop should always be set when using the <cc-select> component. It may be set to an empty string if a placeholder is provided (BREAKING CHANGE).
• <cc-html-frame>: change title prop to iframeTitle (iframe-title when used as an attribute) to avoid conflicts with the native title attribute (BREAKING CHANGE).

Components

• <cc-map>: make dot markers not focusable.
• <cc-zone-input>: make server markers not focusable.
• <cc-addon-admin>:
  • fix skeleton mode
  • add visually hidden label for addon name and addon tags input fields so that these fields can be identified by assistive technologies.
• <cc-env-var-form>: fix toggling to JSON mode while in skeleton state.
• <cc-button>: display progress bar during waiting state when button is in link mode.
• <cc-badge>: add skeleton mode
• <cc-input-text>:
  • remove the unique id generation technique and rely on Shadow DOM isolation instead.
  • add hiddenLabel prop to allow the label to be visually hidden in some cases.
  • add red border and redish focus ring when error slot is used
• <cc-input-number>:
  • remove the unique id generation technique and rely on Shadow DOM isolation instead.
  • update stories to always show visible labels.
  • remove tagsWithLabel story since there is always a visible label now.
  • add alt attribute values for controls (+ / -) so that they can be identified by assistive technologies.
  • add hiddenLabel prop to allow the label to be visually hidden in some cases.
  • add red border and redish focus ring when error slot is used
• <cc-select>:
  • remove the unique id generation technique and rely on Shadow DOM isolation instead.
  • only disable the placeholder option if the component is in required mode.
  • add red border and redish focus ring when error slot is used.
• <cc-toggle>: remove the unique name generation technique and rely on Shadow DOM isolation instead.
• accessibility styles: add new accessibilityStyles containing a visually-hidden class to hide content visually but not from assistive technologies.
• <cc-env-var-create>: add visually hidden label for all input fields so that these fields can be identified by assistive technologies.
• <cc-env-var-editor-expert>: add visually hidden label for the <textarea> so that it can be identified by assistive technologies.
• <cc-env-var-editor-json>: add visually hidden label for the <textarea> so that it can be identified by assistive technologies.
• <cc-env-var-editor>: add visually hidden label for the <textarea> so that it can be identified by assistive technologies.
• <cc-env-var-input>: add visually hidden label for the input field so that it can be identified by assistive technologies.
• <cc-header-addon>: add visually hidden label for addonId and realAddonId input fields so that these fields can be identified by assistive technologies.
• <cc-html-frame> loading story: add a title attribute so that it can be identified by assistive technologies.
• <cc-invoice>: add a title on the <cc-html-frame> so that the <iframe> can be identified by assistive technologies.
• <cc-pricing-estimation>: add visually hidden label for <cc-input-number> showing the quantity so that they can be identified by assistive technologies.
• <cc-pricing-product-consumption>:
  • add text content to <cc-button> elements (toggle State buttons) so that they can be identified by assistive technologies.
  • add visually hidden label for <cc-input-number> showing the size or the quantity so that they can be identified by assistive technologies.
• <cc-pricing-table>: add text content to <cc-button> elements (toggle State and add buttons) so that they can be identified by assistive technologies.
• resizeObserver: add window.requestAnimationFrame in the resize observer callback to mitigate the resize observer loop limit exceeded issue.
• stories: fix several stories not being passed to enhancedStoryNames.
• <cc-tile-status-codes>: fix JavaScript errors in case initial loading fails (error state).
• <cc-button>:
  • add a new accessibleName prop to override the aria-label and title values.
  • fix layout bug that occurred on Safari with the <cc-header-app> component.
• New component:
  • <cc-action-dispatcher>
  • <cc-ssh-key-list>
  • <cc-stretch>
  • <cc-email-list>

For devs

• Improve display of components:check-i18n task.
• Upgrade from lit-element@2.5.1 to lit@2.3.1.
• Upgrade from @web/dev-server@0.1.29 to @web/dev-server@0.1.34.
• Upgrade from @open-wc/dev-server-hmr@0.1.2 to @web/dev-server@0.1.3.
• Upgrade from @open-wc/dev-server-hmr@0.1.2 to @web/dev-server@0.1.3.
• Upgrade from @web/dev-server-rollup@0.3.13 to @web/dev-server@0.3.19.
• Upgrade from @web/dev-server-storybook@0.4.1 to @web/dev-server@0.5.4.
• Upgrade from @web/rollup-plugin-import-meta-assets@0.4.1 to @web/dev-server@0.5.4.
• Upgrade from @web/rollup-plugin-import-meta-assets@1.0.6 to @web/rollup-plugin-import-meta-assets@1.0.7.
• Upgrade from @web/test-runner@0.13.4 to @web/test-runner@0.14.0.
• Upgrade from @web/test-runner-mocha@0.7.2 to @web/test-runner-mocha@0.7.5.
• Upgrade from @custom-elements-manifest/analyzer@0.4.1 to @custom-elements-manifest/analyzer@0.6.4.
• Fix Custom Element Manifest generation web dev server plugin: disable caching.
• Add JSDoc based typechecking with TypeScript's CLI (just utils.js for now).
• Rollback the smart-manager to the old low level API and move the observable API to a different module.
• Introduce a new defineSmartComponent function.
• Add FocusLostController, a Lit Reactive Controller that helps manage focus loss.
• Add new eslint plugin eslint-plugin-lit-a11y to prevent accessibility issues.
• Add new dependency @open-wc/testing to allow Web Test Runner to run tests for accessibility issues.
• Add new dependency @web/test-runner-commands so that Web Test Runner can test both on desktop and mobile.
• Add new helpers to extract stories and run accessibility test on them.
• Add new test files in most of the component folders. These test files only contain accessibility tests for the moment.
• Update eslint no-new rule from "error" to "off".
• <cc-tcp-redirection-form>: rework state, types and smart for TCP redirection components.
• Refactor type files from the new file structure.
• Update our CEM support-typedef-jsdoc plugin with some tests and new features.

9.0.1 (2022-10-28)

• <cc-button>: fix layout bug that occurred on Safari with the <cc-header-app> component.