kind | title |
---|---|
🏡 Getting Started |
Changelog |
16.4.0 (2024-11-28)
- cc-domain-management: make APEX domain DNS config more explicit (e882e57), closes #1231
- cc-kv-explorer: add
refreshing
andfiltering
states (db01d63)
- cc-kv-explorer: fix key type label on unsupported types (bc59008)
- cc-kv-hash-explorer: adjust gap between elements of the add form (55735d4)
- cc-kv-hash-input: adjust gap between elements (950a2cc)
- cc-kv-list-explorer: adjust gap between elements of the add form (e60ded5)
- cc-kv-list-explorer: fix copy to clipboard button a11y name (ee692a6)
- cc-kv-list-input: adjust gap between elements (07de28e)
- cc-kv-set-explorer: adjust gap between elements of the add form (4956312)
- cc-kv-string-editor: remove padding around component (8434e2f)
16.3.1 (2024-11-15)
16.3.0 (2024-11-15)
- cc-kv-explorer: init component (d6e3ee7), closes #1177
- LostFocusController: add an additional waiter (327b180), closes #1155
- cc-input-text: fix
Ctrl
+Enter
keystroke when inmulti
mode on Chrome (5be2bcd), closes #861 - cc-toast: replace hard coded border radius with
--cc-border-radius-default
(c3ae6bb), closes #1232 - fix
visually-hidden
style to prevent a strange bug in Chrome (e05e85c), closes #1200
16.2.0 (2024-10-30)
- cc-zone-picker: add disabled and readonly modes (a17dfd1)
- cc-block: improve alignment in footer (0a7e3ae)
- cc-header-addon: improve zone alignment in footer (d875d57)
- cc-header-app: improve zone alignment in footer (8c72d23)
- cc-zone: improve alignment (5b42c3d), closes #1226
16.1.0 (2024-10-22)
- cc-block: remove margin bottom (1ca09d5)
- cc-domain-management: allow newly added domain to be marked as primary (68c3961), closes #1213
- cc-domain-management: revert to initial gap (993ff9f)
- cc-env-var-form: remove unnecessary link and fix typo in description text (4b2e3f7)
- cc-invoice: remove unnecessary padding (458a488)
16.0.0 (2024-10-21)
- cc-header-orga: the footer slot has changed
slot='footer'
: has been removedslot='footer-left'
: has been createdslot='footer-right
: has been created
- cc-addon-credentials: the properties have changed
toggleState
: property has been renamed totoggle
- cc-block: the properties have changed
noHead
: property has been deletedstate
: property has been renamed totoggle
overlay
: property has been deleted
- cc-domain-management: move doc link into
cc-block
footer slot (6430b67) - cc-elasticsearch-info: move doc link into
cc-block
footer slot (ecfa136) - cc-env-var-form: move doc link into
cc-block
footer slot (2be6567) - cc-grafana-info: move doc link into
cc-block
footer slot (1f4940e) - cc-heptapod-info: move doc link into
cc-block
footer slot (cab5c7e) - cc-invoice-list: move doc link into
cc-block
footer slot (ff67820) - cc-invoice-table: support multi-currency (a7a9ec2), closes #1171
- cc-invoice: add
currency
as part of thestate
(5590257), closes #1169 - cc-jenkins-info: move doc link into
cc-block
footer slot (a23e8f7) - cc-matomo-info: move doc link into
cc-block
footer slot (20ef5fa) - cc-orga-member-list: move doc link into
cc-block
footer slot (7f4e006) - cc-ssh-key-list: move doc link into
cc-block
footer slot (841a584) - cc-tcp-redirection-form: move doc link into
cc-block
footer slot (b619304)
- cc-addon-credentials: adapt component with the new
cc-block
(2e39c47) - cc-block: rework component and introduce slot stack (7bb3425), closes #225
- cc-header-orga: adapt component with the new
cc-block
(9107721)
15.3.0 (2024-10-09)
15.2.2 (2024-10-07)
- cc-domain-management: update
cleverapps
docs link (f2b44ac), closes #1173 - cem-types-plugin: ignore non relative path imports (bbe2c02)
- storybook: update storybook config (b4eea78)
15.2.1 (2024-08-07)
- cc-domain-management: fix typo & improve texts (5132105)
15.2.0 (2024-08-05)
15.1.1 (2024-07-30)
- cc-input-text: match text and input (7e156b4), closes #1130
- cc-toast: decrease paragraph margins (388b7db), closes #1127
15.1.0 (2024-07-25)
- cc-domain-management: init (f4d0146), closes #1095
- i18n-sanitize: authorize
<span>
elements (21bfad0)
- prettier adr wasn't in the correct directory (07e944b)
15.0.1 (2024-06-28)
- cc-input-date: fix Enter keystroke when not into a form element (31bcb3c)
- cc-input-number: fix Enter keystroke when not into a form element (aa9fa07)
- cc-input-text: fix Enter keystroke when not into a form element (c23f31a)
15.0.0 (2024-06-28)
- cc-orga-member-list: an
ElementInternals
polyfill is required to support Safari before version 16.4 - cc-ssh-key-list: an
ElementInternals
polyfill is required to support Safari before version 16.4 - cc-email-list: an
ElementInternals
polyfill is required to support Safari before version 16.4 - cc-button: an
ElementInternals
polyfill is required to support Safari before version 16.4 - cc-select: an
ElementInternals
polyfill is required to support Safari before version 16.4 - cc-input-text: an
ElementInternals
polyfill is required to support Safari before version 16.4 - cc-input-number: an
ElementInternals
polyfill is required to support Safari before version 16.4 - cc-input-date: an
ElementInternals
polyfill is required to support Safari before version 16.4
- cc-button: implement element internals (9040c22)
- cc-input-date: implement element internals (3928fcc)
- cc-input-number: implement element internals (695c934)
- cc-input-text: implement element internals (5bbf548)
- cc-logs: add
Home
andEnd
keystrokes (8dc21b7), closes #1009 - cc-logs: add ctrl+A keystroke for selecting all log lines (1610cb2), closes #1008
- cc-logs: make copy button more visible (08ffc0d), closes #1012
- cc-logs: select whole log line with triple click (7c46e49), closes #1006
- cc-select: implement element internals (4a5a13d)
- forms: add framework for element internals support (1d52fbb)
- cc-email-list: implement the add-secondary-email form with the new form mechanism (be5b6c2)
- cc-orga-member-list: implement the create-key form with the new form mechanism (9929b0a)
- cc-ssh-key-list: implement the create-key form with the new form mechanism (c4e49f4)
14.1.1 (2024-06-21)
14.1.0 (2024-06-19)
- cc-logs-application-view: dispatch event when date range selection changes (04c376c)
- cc-logs-application-view: enhance filtering (eaa96cf), closes #1073 #1014
- cc-logs-application-view: init from a date range selection passed into the smart context (9cdeb1f), closes #1075
- cc-logs-instances: make sure deploying instances grid layout is never broken (eddeac7), closes #1070
14.0.1 (2024-06-17)
- cc-header-orga: center enterprise icons vertically (0fc4a8a), closes #1084
- cc-tile-status-codes.smart: pass
warpConfig
instead ofapiConfig
(bdd02cd), closes #1085
14.0.0 (2024-06-12)
- cc-addon-credentials: The
addonType
value for Materia KV is nowmateria-kv
instead ofmateriadb-kv
- cc-pricing-header: the properties have changed
zones
: property has been renamed tostate
zones.state
: property has been renamed totype
- cc-header-addon: the properties have changed
state
: new property containing the whole stateaddon
: property has been deleted as it is now part of the stateversion
: property has been deleted as it is now part of the statezone
: property has been deleted as it is now part of the stateerror
: property has been deleted as it is now part of the state
- cc-header-app: the properties have changed
state
: new property containing the whole state of the componentapp
: property has been deleted as it is now part of thestate
propertystatus
: property has been deleted as it is now part of thestate
propertyrunning-commit
: property has been deleted as it is now part of thestate
propertystarting-commit
: property has been deleted as it is now part of thestate
propertyzone
: property has been deleted as it is now part of thestate
propertyerror
: property has been deleted as it is now part of thestate
property
- cc-zone-input: the properties have changed -
state
: new property containing the whole state -zones
: property has been deleted as it is now part of the state -error
: property has been deleted as it is now part of the state - cc-zone: the properties have changed
state
: new property containing the whole statezone
: property has been deleted as it is now part of the state
- cc-invoice-table: the properties have changed
state
: new property containing the whole stateinvoices
: property has been deleted as it is now part of the state
- cc-addon-admin: the properties have changed
state
: new property containing the whole stateaddon
: property has been deleted as it is now part of the stateerror
: property has been deleted as it is now part of the statesaving
: property has been deleted as it is now part of the state
- cc-doc-list: the properties have changed
state
: new property containing the whole statedocs
: property has been deleted as it is now part of the stateerror
: property has been deleted as it is now part of the state
- cc-doc-card: the properties have changed
state
: new property containing the whole statedescription
: property has been deleted as it is now part of the stateheading
: property has been deleted as it is now part of the stateicons
: property has been deleted as it is now part of the statelink
: property has been deleted as it is now part of the state
- cc-tile-scalability: the properties have changed
state
: new property containing the whole statescalability
: property has been deleted as it is now part of the stateerror
: property has been deleted as it is now part of the state
- cc-header-orga: the properties have changed
- The
orga
component property has been renamed tostate
- The
orga.state
state property has been renamed tostate.type
- The
- The
- cc-addon-features: the properties have changed
state
: new property containing the whole statefeatures
: property has been deleted as it is now part of the stateerror
: property has been deleted as it is now part of the state
- cc-addon-backups: the properties have changed
state
: new property containing the whole statebackups
: property has been deleted as it is now part of the stateerror
: property has been deleted as it is now part of the state
- cc-heptapod-info: the properties have changed
state
: new property containing the whole statestatistics
: property has been deleted as it is now part of the stateerror
: property has been deleted as it is now part of the state
- cc-elasticsearch-info: the properties have changed
state
: new property containing the whole stateerror
: property has been deleted as it is now part of the statelinks
: property has been deleted as it is now part of the state
- cc-matomo-info: the properties have changed
state
: new property containing the whole statematomoLink
: property has been deleted as it is now part of the state asmatomoUrl
mysqlLink
: property has been deleted as it is now part of the state asmysqlUrl
phpLink
: property has been deleted as it is now part of the state asphpUrl
redisLink
: property has been deleted as it is now part of the state asredisUrl
error
: property has been deleted as it is now part of the state
- cc-tcp-redirection-form: the properties have changed
- The
redirections
component property has been renamed tostate
- The
redirections.state
state property has been renamed tostate.type
- The
redirections.value
state property has been renamed tostate.redirections
- The
- The
- cc-tcp-redirection: the properties have changed
- The
redirection
component property has been renamed tostate
- The
redirection.state
state property has been renamed tostate.type
- The
- The
- cc-article-card: the properties have changed
state
: new property containing the whole statetitle
: property has been deleted as it is now part of the statedescription
: property has been deleted as it is now part of the statebanner
: property has been deleted as it is now part of the statedate
: property has been deleted as it is now part of the statelink
: property has been deleted as it is now part of the state
- cc-tile-requests: the properties have changed
state
: new property containing the whole stateerror
: property has been deleted as it is now part of the statedata
: property has been deleted as it is now part of the state
- cc-tile-metrics: the properties have changed
metrics
: property has been renamed tostate
metrics.state
: property has been renamed totype
grafanaLink
: property has been replaced by an object property namedgrafanaLinkState
- cc-addon-admin: rework properties to avoid impossible states (954ebd2)
- cc-addon-backups: rework properties to avoid impossible st… (ea9c40f)
- cc-addon-features: rework properties to avoid impossible states (89f1a4f)
- cc-article-card: rework properties to avoid impossible states (675d1ca)
- cc-doc-card: rework properties to avoid impossible states (b4d4f87)
- cc-doc-list: rework properties to avoid impossible states (1ef23ee)
- cc-elasticsearch-info: rework properties to avoid impossible states (26fde7d)
- cc-header-addon: rework properties to avoid impossible states (ceea4ab)
- cc-header-app: rework properties to avoid impossible states (721bf45)
- cc-header-orga: rework properties to avoid impossible states (fd2b737)
- cc-heptapod-info: rework properties to avoid impossible states (654dbba)
- cc-invoice-table: rework properties to avoid impossible states (1f7ee73)
- cc-matomo-info: rework properties to avoid impossible states (cbfc1f7)
- cc-pricing-header: rework properties to avoid impossible states (7a8bad2)
- cc-tcp-redirection-form: rework properties to avoid impossible states (267ea82)
- cc-tcp-redirection: rework properties to avoid impossible states (08b2fcd)
- cc-tile-metrics: rework properties to avoid impossible states (26da5af)
- cc-tile-requests: rework properties to avoid impossible states (b6d3477)
- cc-tile-scalability: rework properties to avoid impossible states (aeabe7b)
- cc-zone-input: rework properties to avoid impossible states (3475635)
- cc-zone: rework properties to avoid impossible states (9e9dceb)
13.3.1 (2024-05-31)
- cc-addon-credentials: update Materia branding (bf9c68f)
13.3.0 (2024-05-06)
- cc-addon-admin: adapt the danger zone text to match different situations (8dfea44), closes #1018
- cc-logsmap: allow the configuration of modes (availability and order) (71cc825), closes #1040
13.2.0 (2024-04-12)
- cc-logs-application-view: add a fullscreen button mode (d6c7e36), closes #983
- cc-logs-application-view: init component (732b48e), closes #967
- cc-logs-control: add header slot (9fcbff6), closes #964
- cc-logs-instances: add tooltips to commit label and instance index (438751c)
- cc-logs,cc-logs-control: add the ability to filter on logs' message (362c9ba)
- cc-popover: add
--cc-popover-trigger-button-width
css property (3e1dc1c) - cc-smart-container: allow optional property in smart context (c62f172)
- cc-input-date: fix date formatting at midnight (bc67946)
- cc-logs-application-view: fix loading message visibility hover black theme (ba1e0b4), closes #1019
- cc-logs-control: fix the event detail when metadata-display option changes (222e110)
- cc-logs-instances: fix instance selection (3ff0206)
- cc-logs-instances: fix sort order of the instances when grouped by deployments (0bb4d18)
- cc-logs-instances: fix spacing around deployment relative date (7a95572), closes #965
- cc-logs: do not collapse spaces in log messages (90f3d9f), closes #965
- cc-logs: do not include hidden metadata into clipboard (ca7cacb)
- cc-logs: fix spacing between metadata and message (a7534ef)
13.1.0 (2024-04-03)
- cc-addon-credentials: add support for materiadb-kv (5fce8de), closes #992
- cc-addon-credentials: add support for port (d474dbc), closes #992
- cc-addon-credentials: adjust translations for host and token (21f13f8), closes #992
- cc-addon-credentials: adjust translations for Pulsar (53e6370)
- cc-product-list: init component (a6454bf), closes #892
- cc-button: prevent click events in skeleton / waiting (1239779), closes #994
- cc-link: remove href in skeleton (ae4719d), closes #994
13.0.0 (2024-03-07)
- cc-popover: remove the
accessibleName
prop & associated attribute - cc-icon: remove the
accessibleName
prop & associated attribute - cc-button: remove the
accessibleName
prop & associated attribute - cc-badge: remove the
iconAccessibleName
prop & associated attribute - cc-img: remove the
accessibleName
prop & associated attribute - cc-env-var-linked-services: the properties have changed
state
: new property containing the whole stateservices
: property has been deleted as it is now part of the stateerror
: property has been deleted as it is now part of the state
- cc-env-var-form: the properties have changed
state
: new property containing the whole statevariables
: property has been deleted as it is now part of the stateerror
: property has been deleted as it is now part of the stateparserOptions
: property has been deleted as it is now part of the statesaving
: property has been deleted as it is now part of the state
- cc-env-var-editor-json: the properties have changed
state
: new property containing the whole statevariables
: property has been deleted as it is now part of the stateparserOptions
: property has been deleted as it is now part of the state
- cc-env-var-editor-expert: the properties have changed
state
: new property containing the whole statevariables
: property has been deleted as it is now part of the stateparserOptions
: property has been deleted as it is now part of the state
- cc-env-var-editor-simple: the properties have changed
state
: new property containing the whole statevariables
: property has been deleted as it is now part of the statemode
: property has been deleted as it is now part of the state
- cc-env-var-create: change property
mode
tovalidationMode
- cc-article-list: the properties have changed
state
: new property containing the whole statearticles
: property has been deleted as it is now part of the stateerror
: property has been deleted as it is now part of the state
- cc-invoice-list: the properties have changed
state
: new property containing the whole stateinvoices
: property has been deleted as it is now part of the stateerror
: property has been deleted as it is now part of the state
- cc-tile-instances: the properties have changed
state
: new property containing the whole stateinstances
: property has been deleted as it is now part of the stateerror
: property has been deleted as it is now part of the state
- cc-invoice: the properties have changed
state
: new property containing the whole stateinvoice
: property has been deleted as it is now part of the stateerror
: property has been deleted as it is now part of the statenumber
: property has been deleted as it is now part of the state
- cc-addon-linked-apps: the properties have changed
state
: new property containing the whole stateapplications
: property has been deleted as it is now part of the stateerror
: property has been deleted as it is now part of the state
- cc-tile-deployments: the properties have changed
state
: new property containing the whole statedeployments
: property has been deleted as it is now part of the stateerror
: property has been deleted as it is now part of the state
- cc-grafana-info: all properties have been merged into a new
state
property. - cc-jenkins-info: all properties have been merged into a new
state
property. - cc-tile-status-codes: the properties have changed
state
: new property containing the whole statestatusCodes
: property has been deleted as it is now part of the stateerror
: property has been deleted as it is now part of the state
- add error event from
sendToApi
calls (4ac5415), closes #956 - cc-badge: remove the
iconAccessibleName
prop & associated attribute (6c322c3) - cc-button: remove the
accessibleName
prop & associated attribute (8a7a0f0) - cc-icon: remove the
accessibleName
prop & associated attribute (5e311d0) - cc-img: remove the
accessibleName
prop & associated attribute (9019da7) - cc-input-date: adds label style customization (f6433c3), closes #888
- cc-input-number: adds label style customization (e0702d8), closes #888
- cc-input-text: adds label style customization (51fa2f4), closes #888
- cc-loader: add accessibleName property (d69a36a), closes #870
- cc-logs-control: init component (24e6768), closes #908
- cc-logs-instance: init component (d87e87a), closes #877
- cc-popover: remove the
accessibleName
prop & associated attribute (4b47ebb) - cc-product-card: init component (9b63536), closes #891
- cc-select: adds label style customization (e0edcc0), closes #888
- cc-toggle: adds label style customization (1556ecc), closes #888
- cc-badge: use
iconA11yName
iniconAccessibleName
getter/setter (92af579), closes #934 - smart-component: protect from abortController nullity when smart component is disconnected (c714dcd), closes #968
- cc-addon-linked-apps: migrate to the new smart component design (69a999b)
- cc-article-list: migrate to the new smart component design (4711406), closes #921
- cc-env-var-create: change property
mode
tovalidationMode
(264208b) - cc-env-var-editor-expert: rework properties to make impossible state impossible (b3c26de), closes #926
- cc-env-var-editor-json: rework properties to make impossible state impossible (901cfac), closes #926
- cc-env-var-editor-simple: rework properties to make impossible state impossible (201b8af), closes #926
- cc-env-var-form: migrate to the new smart component design (0425b6c), closes #926
- cc-env-var-linked-services: rework properties to make impossible state impossible (069f8cd), closes #926
- cc-grafana-info: migrate to the new smart component design (9e404f6), closes #923
- cc-invoice-list: migrate to the new smart component design (488d928), closes #922
- cc-invoice: migrate to the new smart component design (2e9764e), closes #920
- cc-jenkins-info: migrate to the new smart component design (6228419), closes #925
- cc-tile-deployments: rework properties to make impossible state impossible (45e9a96), closes #942
- cc-tile-instances: rework properties to make impossible state impossible (e469f81)
- cc-tile-status-codes: migrate to the new smart component design (fc5dc71), closes #924
12.0.0 (2023-12-18)
- cc-header-orga: check the
HeaderOrgaState
type to adapt your code to the new state API. - cc-img: replace prop text by accessibleName
- cc-ansi-palette: init component (9b01309), closes #883
- cc-badge: deprecate
icon-accessible-name
in favor oficon-a11y-name
(8b25182), closes #893 - cc-button: deprecate
accessible-name
in favor ofa11y-name
(8ceaab5), closes #893 - cc-button: implement parts of ARIA API (014c592), closes #699
- cc-header-orga: add a
footer
slot and small design tweaks (dfb4624), closes #869 - cc-header-orga: rework state and types (727d2f9), closes #884
- cc-icon: deprecate
accessible-name
in favor ofa11y-name
(12e2e73), closes #893 - cc-img: deprecate
accessible-name
in favor ofa11y-name
(fa2e860), closes #893 - cc-input-date: init component (40c978b), closes #842
- cc-logs: init (f83a784), closes #697
- cc-popover: deprecate
accessible-name
in favor ofa11y-name
(a41f5a1), closes #893 - cc-popover: init component (0887067), closes #829
- i18n: add the ability to specify minimum and maximum fraction digits when formating number (e101776)
- cc-header-orga: hide initials from screen readers (8196779), closes #885
- cc-header-orga: trim orga name in case it starts with spaces (cdd6b04), closes #886
- cc-img: populate
alt
value (a5d2d2b), closes #726 - cc-toggle: fix extra margin on top of cc-toggle when legend is inlined and when inside a grid (a59ba34), closes #896
- i18n-sanitize: handle cases where origin equals empty string (0852482), closes #906
- cc-img: replace prop text by accessibleName (c8586f9)
11.2.1 (2023-10-19)
- cc-article-list: fix broken XML with the new website (0319784), closes #867
- cc-icon: improve SVG aria attributes behavior (e8645f7), closes #770
11.2.0 (2023-10-11)
- add component dependencies/dependants CLI (903d1b9), closes #806
- cem: add dependencies/dependants graph to the components description (ac63307), closes #826
- cc-pricing-product: filter addon plans without zones (9247f35), closes #858
- cc-select: reflect name attribute on the native
<select>
element (f244497), closes #581 - cc-toggle: add
name
attribute (2d971a9), closes #581
11.1.0 (2023-09-19)
- cc-pricing-product: add translations for
dedicated
andis-migratable
features (ae2a95d), closes #804
- cc-pricing-header: add error state (ee06075), closes #470
- cc-tile-metrics: add missing plugin import for chat.js (0343b4d), closes #822
- tests: add another resize loop error message to the ignore list (b3010a4), closes #821
11.0.0 (2023-07-18)
- cc-pricing-product: the component now displays features that have no translations registered as long as they have a
name
property. Make sure you filter out unwanted features using theaddonFeatures
(smart component usage) orproductFeatures
prop (directly set on thecc-pricing-product
component). See the related issue for more info. - cc-addon-encryption-at-rest-option: The
price
in theoptions
property is no more needed on components:- cc-addon-elasticsearch-options
- cc-addon-jenkins-options
- cc-addon-mongodb-options
- cc-addon-mysql-options
- cc-addon-postgresql-options
- cc-addon-redis-options
- cc-error: remove component
- cc-addon-admin: change
error
property from an enum to a boolean. - cc-addon-credentials: the
icon
property is nowimage
. It still requires a URL. - cc-block: the
icon
property now requires an icon object instead of a URL. If you want to pass a URL nevertheless, use the newimage
property instead. - cc-badge: the
icon-alt
property is nowicon-accessible-name
. - cc-badge: the
icon-src
property is nowicon
and requires an icon object instead of a URL. - cc-icon:
IconModel
interface should be imported fromsrc/components/common.types.d.ts
file and notsrc/components/cc-icon/cc-icon.types.d.ts
file anymore. - cc-flex-gap: remove component
- cc-tile-consumption: remove component
- cc-action-dispatcher: remove component
- cc-pricing-page: We needed to be able to style and move the pricing components inside the
cc-pricing-page
component a lot more. For instance, thecc-pricing-header
can now be positioned wherever one wants within thecc-pricing-page
because everything is slotted within thecc-pricing-page
. The smartcc-pricing-page
smart component was mainly interacting withcc-pricing-header
data (fetchingzones
). This is why we removed thecc-pricing-page.smart
part and added acc-pricing-header.smart
. - cc-pricing-estimation: see more details below
- add new way of handling the component state and passing data to the component.
- use the new smart API.
- cc-pricing-header: see more details below
- add new way of handling the component state and passing data to the component.
- use the new smart API.
- add a temporality selector component.
- cc-pricing-product-consumption: see more details below
- add new way of handling the component state and passing data to the component.
- the smart component now uses the new smart API.
- remove the slots for heading, description and image.
- cc-pricing-table: The
cc-pricing-table
component has been merged into thecc-pricing-product
component. - cc-pricing-product: see details below
- add new way of handling the component state and passing data to the component.
- remove the heading, desc and image/logo slots.
- use the new smart API.
- directly render a table within the component instead of relying on a
cc-pricing-table
sub-component to do so. - merge the
cc-pricing-table
component and stories intocc-pricing-product
.
- add missing notice a11y translations (9957264)
- cc-action-dispatcher: remove component (879bc30)
- cc-addon-admin: make use of the cc-notice instead of cc-error (c22a4cc)
- cc-addon-backups: implement
cc-icon
(0097bed) - cc-addon-backups: make use of the cc-notice instead of cc-error (422815c)
- cc-addon-credentials: make use of the cc-notice instead of cc-error (7b8e4c3)
- cc-addon-credentials: rename
icon
property toimage
(1d0655a) - cc-addon-elasticsearch-options: replace error message to get rid of cc-error (884a7ad)
- cc-addon-encryption-at-rest-option: implement
cc-icon
(629806c) - cc-addon-encryption-at-rest-option: Remove pricing notice on addon encryption at rest option (ff4b89b), closes #809
- cc-addon-encryption-at-rest-option: replace error message to get rid of cc-error (137b7e9)
- cc-addon-features: implement
cc-icon
(14e6c28) - cc-addon-features: make use of the cc-notice instead of cc-error (14a4495)
- cc-addon-jenkins-options: get rid of cc-error (b0b92c0)
- cc-addon-linked-apps: make use of the cc-notice instead of cc-error (34caaf9)
- cc-addon-mongodb-options: get rid of cc-error (e4e1c77)
- cc-addon-mysql-options: get rid of cc-error (b5db7c1)
- cc-addon-option-form: add style for the addon components error message (e88ec63)
- cc-addon-option-form: properly pass new
cc-addon-option
icon property (fc76583) - cc-addon-option: add
icon
property to receive an IconModel (b72e0b5) - cc-addon-option: replace error message to get rid of cc-error (b928866)
- cc-addon-postgresql-options: get rid of cc-error (144db10)
- cc-addon-redis-options: get rid of cc-error (727be87)
- cc-article-list: make use of the cc-notice instead of cc-error (4e8f1cd)
- cc-badge: rename
iconAlt
property toiconAccessibleName
(eb4494b) - cc-badge: use
cc-icon
instead ofcc-img
(b48032d) - cc-block: get rid of overlay error story (9cf782e)
- cc-block: implement
cc-icon
(4f06188) - cc-block: rename
icon
property toimage
and addicon
property to receive an IconModel (51e9bf9) - cc-doc-list: make use of the cc-notice instead of cc-error (0357ca2)
- cc-elasticsearch-info: implement
cc-icon
(12828bb) - cc-elasticsearch-info: make use of the cc-notice instead of cc-error (5ec6767)
- cc-email-list: implement
cc-icon
(8619af3) - cc-email-list: make use of the cc-notice instead of cc-error (46624bb)
- cc-env-var-create: make use of the cc-notice instead of cc-error (524d523)
- cc-env-var-editor-expert: make use of the cc-notice instead of cc-error (37d8721)
- cc-env-var-editor-json: make use of the cc-notice instead of cc-error (3120d93)
- cc-env-var-form: make use of the cc-notice instead of cc-error (c5e2594)
- cc-env-var-linked-services: make use of the cc-notice instead of cc-error (3676829)
- cc-error: implement
cc-icon
(205265d) - cc-error: remove component (b642530)
- cc-flex-gap: remove component (cb9f24c)
- cc-grafana-info: implement
cc-icon
(285af26) - cc-grafana-info: make use of the cc-notice instead of cc-error (0f424fd)
- cc-header-addon: make use of the cc-notice instead of cc-error (f8574f9)
- cc-header-app: implement
cc-icon
(3863243) - cc-header-app: make use of the cc-notice instead of cc-error (d6c423a)
- cc-header-orga: implement
cc-icon
(eb3980a) - cc-header-orga: make use of the cc-notice instead of cc-error (3cd3b72)
- cc-heptapod-info: make use of the cc-notice instead of cc-error (e475cc6)
- cc-icon: delete unused legacy icons and update documentation (df98f26)
- cc-input-number: implement
cc-icon
(a26c6c2) - cc-input-text: implement
cc-icon
(158c19e) - cc-invoice-list: make use of the cc-notice instead of cc-error (aceb9cc)
- cc-invoice-table: implement
cc-icon
(2296126) - cc-invoice: implement
cc-icon
(e5d4b44) - cc-invoice: make use of the cc-notice instead of cc-error (59534d8)
- cc-jenkins-info: implement
cc-icon
(3cebef0) - cc-jenkins-info: make use of the cc-notice instead of cc-error (88429b0)
- cc-map: make use of the cc-notice instead of cc-error (380baf3)
- cc-matomo-info: implement
cc-icon
(489e35d) - cc-matomo-info: make use of the cc-notice instead of cc-error (8e4a0f0)
- cc-notice: implement
cc-icon
(fac4c73) - cc-orga-member-card: implement
cc-icon
(8951bdf) - cc-orga-member-card: make use of the cc-notice instead of cc-error (44af4b1)
- cc-orga-member-list: make use of the cc-notice instead of cc-error (0380c1b)
- cc-overview: add error story overview stories (7d3b06e)
- cc-pricing-estimation: display non translated features (b7b1093), closes #796
- cc-pricing-estimation: update component styles and behavior (3d85f83)
- cc-pricing-header: update component styles, smart and state (46022fa)
- cc-pricing-page stories: add fake product to the stories (2404aff)
- cc-pricing-page: update styles and behavior, remove smart (68f4d67)
- cc-pricing-product-consumption: make use of the new cc-notice instead of cc-error (a474a28)
- cc-pricing-product-consumption: rework assets (b55f737)
- cc-pricing-product-consumption: update styles, smart, and state (cce27e2)
- cc-pricing-product: display non translated features (24ec318), closes #796
- cc-pricing-product: make use of the cc-notice instead of cc-error (92b6f24)
- cc-pricing-product: update styles, smart, and state (5b79751)
- cc-ssh-key-list: make use of the cc-notice instead of cc-error (496d77d)
- cc-tcp-redirection-form: make use of the cc-notice instead of cc-error (acc2a67)
- cc-tcp-redirection: implement
cc-icon
(ec31ed4) - cc-tile-consumption: remove component (e7a859f)
- cc-tile-deployments: replace error message to get rid of cc-error (dd10c2a)
- cc-tile-instances: implement
cc-icon
(ec67cf3) - cc-tile-instances: replace error message to get rid of cc-error (42eacab)
- cc-tile-metrics: implement
cc-icon
(8450410) - cc-tile-metrics: replace error message to get rid of cc-error (4482990)
- cc-tile-requests: implement
cc-icon
(73e98d6) - cc-tile-requests: replace error message to get rid of cc-error (c76a297)
- cc-tile-scalability: replace error message to get rid of cc-error (4567dcf)
- cc-tile-status-codes: implement
cc-icon
(44a26b7) - cc-tile-status-codes: replace error message to get rid of cc-error (2318d0b)
- cc-toaster: implement
cc-icon
(29c03d9) - cc-toast: implement
cc-icon
(3386f32) - cc-zone-input: make use of the cc-notice instead of cc-error (73e44a1)
- cc-zone: add new styling options for zone tags (1d091b0)
- cc-zone: remove
cc-flex-gap
(64ab365) - tokens: add
--cc-border-radius-default
and use it when relevant (a9f344a) - tokens: add
--cc-border-radius-small
and use it when relevant (c321b79) - tokens: add
--cc-color-border-neutral-disabled
and use it when relevant (3034296) - tokens: add
--cc-color-border-neutral-focused
and use it when relevant (593fe51) - tokens: add
--cc-color-border-neutral-hovered
and use it when relevant (8445e1b) - tokens: add
--cc-color-border-neutral-strong
and use it when relevant (03aed66) - tokens: add
--cc-color-border-neutral-weak
and use it when relevant (07fa2a6) - tokens: add
--cc-color-border-neutral
and use it when relevant (8021678)
- cc-block: fix close button title (50c8b46), closes #721
- cc-button: apply proper opacity value on
cc-icon
in circle mode and loading state (95d4187) - cc-email-list: fix sample domain name (2d6f6e4), closes #642
- cc-env-var-form: fix textarea cropped focus outline (f405788), closes #739
- cc-input-*: use
--cc-color-bg-neutral-readonly
when relevant (22bbc9c), closes #511 - cc-invoice: move
<template>
insideunsafeHTML
expression (92b20ec), closes #784 - cc-pricing-page dollar story: fix dollar currency not being set properly (280c410)
- cc-pricing-product-consumption: add visible labels and legends (4824ffb), closes #561
- cc-pricing-product: update boolean i18n argument to match the expected parameter (c919e70)
- default-theme: add missing line break, reorder tokens and update doc (816d0db)
- English translations: change temporality translation (b08f568)
- issue in Custom Element Manifest generation when detecting @typedef imports (2d1ab38), closes #737
- cc-pricing-table: remove component (157bd7a)
- cc-icon: refactor
IconModel
interface tocommon.types.d.ts
(89a6409)
10.5.0 (2023-03-17)
- 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
- eslint: check for improper sanitize function usage (1947db0)
10.4.0 (2023-03-08)
- 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)
- 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
- 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)
10.2.0 (2022-12-01)
- 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
- 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)
- cc-button: display waiting state when in link mode (f9cbe9d), closes #628
- cc-email: init component (fb118e3), closes #435
- match typecheck tsconfig with typescript dependency version (1d1e306)
10.0.1 (2022-11-08)
- 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)
<cc-toggle>
: update component host defaultdisplay
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 toem
(BREAKING CHANGE). <cc-select>
: use thevalue
property of the select element instead of theselected
attribute. Thevalue
prop should always be set when using the<cc-select>
component. It may be set to an empty string if aplaceholder
is provided (BREAKING CHANGE).<cc-html-frame>
: changetitle
prop toiframeTitle
(iframe-title
when used as an attribute) to avoid conflicts with the nativetitle
attribute (BREAKING CHANGE).
<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
andaddon 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 newaccessibilityStyles
containing avisually-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 foraddonId
andrealAddonId
input fields so that these fields can be identified by assistive technologies.<cc-html-frame> loading story
: add atitle
attribute so that it can be identified by assistive technologies.<cc-invoice>
: add atitle
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.
- add text content to
<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
: addwindow.requestAnimationFrame
in the resize observer callback to mitigate theresize 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 thearia-label
andtitle
values. - fix layout bug that occurred on Safari with the
<cc-header-app>
component.
- add a new
- New component:
<cc-action-dispatcher>
<cc-ssh-key-list>
<cc-stretch>
<cc-email-list>
- Improve display of
components:check-i18n
task. - Upgrade from
[email protected]
to[email protected]
. - Upgrade from
@web/[email protected]
to@web/[email protected]
. - Upgrade from
@open-wc/[email protected]
to@web/[email protected]
. - Upgrade from
@open-wc/[email protected]
to@web/[email protected]
. - Upgrade from
@web/[email protected]
to@web/[email protected]
. - Upgrade from
@web/[email protected]
to@web/[email protected]
. - Upgrade from
@web/[email protected]
to@web/[email protected]
. - Upgrade from
@web/[email protected]
to@web/[email protected]
. - Upgrade from
@web/[email protected]
to@web/[email protected]
. - Upgrade from
@web/[email protected]
to@web/[email protected]
. - Upgrade from
@custom-elements-manifest/[email protected]
to@custom-elements-manifest/[email protected]
. - 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.
<cc-button>
: fix layout bug that occurred on Safari with the<cc-header-app>
component.
<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
.
- rename
- 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).
- move
- colors: change color decision names finishing with
-light
to-weak
(for instance:cc-color-text-weak
). (BREAKING CHANGE)
- 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 customizeborder-radius
,font-weight
andtext-transform
.
rollup
:- add new plugin
rollup-plugin-styles-assets
to bundle thedefault-theme
CSS file. - add new property (array)
styles
indeps-manifest
to specify the hashed name of thedefault-theme
CSS file corresponding to a specific version (to be used by the CDN).
- add new plugin
...
<cc-env-var-form>
: fix the reset button not working.
- storybook: limit the width of the preview (and center it)
- storybook: add a
displayMode
option inmakeStory
to simplify story layout and code
<cc-doc-card>
: rename title property to heading to fix a conflict.<cc-doc-list>
: use heading when initializing the cards instead of title.
<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>
: addinline
prop to place the label on the left of the<input>
element. Add newinline
story to show this behavior.<cc-input-number>
: addinline
prop to place the label on the left of the<input>
element. Add newinline
story to show this behavior.<cc-select>
: addinline
prop to place the label on the left of the<select>
element. Add newinline
story to show this behavior.<cc-toggle>
: addinline
prop to place the label on the left of the group of radio input elements. Add newinline
story to show this behavior.<cc-invoice-list>
: inline year filters (<cc-toggle>
for desktop and<cc-select>
for mobile).
The goal of this release is to fix issues with the version 7.12 of the pricing
components for our Website (see #791 #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.
<cc-pricing-header>
: make sure the initial value of the zones dropdown is set after loading the zones.
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 from2.0.0-beta.47
to2.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.
cc-link
: removedefaultThemeStyles
insertion in CSS.<cc-addon-linked-apps>
: adddefaultThemeStyles
import so that variables can be used bycc-link
.<cc-addon-option-form>
: adddefaultThemeStyles
import so that variables can be used bycc-link
.<cc-elasticsearch-info>
: adddefaultThemeStyles
import so that variables can be used bycc-link
.<cc-jenkins-info>
: adddefaultThemeStyles
import so that variables can be used bycc-link
.<cc-matomo-info>
: adddefaultThemeStyles
import so that variables can be used bycc-link
.<cc-env-var-form>
: adddefaultThemeStyles
import so that variables can be used bycc-link
.<cc-article-card>
: adddefaultThemeStyles
import so that variables can be used bycc-link
.<cc-invoice>
: adddefaultThemeStyles
import so that variables can be used bycc-link
.<cc-grafana-info>
: adddefaultThemeStyles
import so that variables can be used bycc-link
.cc-link
story: update documentation following the color update. AdddefaultThemeStyles
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 asmargin-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>
- 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.
<cc-matomo-info>
: fix logo URLs for PHP, MySQL and Redis
<cc-input-number>
: fix controls mode not working properly from types introduction<cc-pricing-header>
: fixskeleton
animation still displaying on the select on Safari after loading of data- New component:
<cc-matomo-info>
<cc-tcp-redirection-form>
: fix smart definition (wrong operator caused race conditions)
<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
frompackage.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
- We use the
<cc-header-addon>
: add missing import to cc-zone
- 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
<cc-env-var-*>
: fix links to the doc<cc-pricing-product>
: add details for Heptapod runners
- Improve the CEM analyzer generate behaviour in dev mode
<cc-tile-requests>
: rollback usage ofgetCssCustomProperties()
(broken on Chrome)<cc-tile-status-codes>
: rollback usage ofgetCssCustomProperties()
(broken on Chrome)
- New component:
<cc-env-var-editor-json>
<cc-datetime-relative>
: fix first initialization of datetime attribute/property<cc-img>
: fix type forskeleton
(boolean)<cc-map-marker-*>
: fix the way we document readonly properties (anchor, size, tooltip)<cc-zone-input>
: fix type for_hovered
(string|null)- Storybook: fix logo URL
<cc-env-var-form>
:- add JSON mode
- add context for add-on configuration provider
- add smart definition for add-on configuration provider
<cc-env-var-editor-expert>
: keeping only valid values when leaving expert mode<cc-env-var-editor-simple>
: add a strict mode<cc-env-var-create>
: add a strict mode<cc-error>
: add a notice mode- Update all static assets URLs to Cellar v2
<cc-header-addon>
:- display realId in a readonly cc-input-text next to the ID
- fix title on add-on icon
- display zone in the bottom right corner
- add
noVersion
property to hide the version
- Improve type definitions documentation:
- move types to a
types.d.ts
for each web components section - add a script to automate type definition generation
- moved typedef imports to above class declaration to avoid events not showing up on the docs
- move types to a
- Storybook: update prebuilt Storybook to
0.1.32
(Storybook6.4.9
)- Use new CEM format (and ditch the old/temp WCA transformer)
- Move the language selection to a toolbar + globals
- Remove lots of ugly React voodoo hacks
- Use the story "props" and the CEM for the controls (with the new CSF args system)
- Only the first item can be updated
- The table props displays types for events
- The table props doesn't display the default slot anymore :-(
- Some controls in the table props are weird (union between
string|null
orboolean|string
) :-(
- Display the stories in docs mode in alphabetical order
- This is not something we decided nor can change
- Change the display of events name in the actions panel
cc-foobar:the-event
=>onCcFoobarTheEvent
- This is not something we decided nor can change
- Add an env var config system to use credentials in smart components stories
- Improve HMR for i18n
- Introduce a new
getCssCustomProperties()
helper to define variables in CSS and use them in JavaScript - Move color definitions to default them and use
getCssCustomProperties()
to inject them in Chart.js<cc-tile-requests>
<cc-tile-status-codes>
<cc-grafana-info>
:- fix API path in smart definition
- remove warning (not needed anymore)
- move disable section at the bottom
- fix wording and descriptions
- New components:
<cc-grafana-info>
(with smart definition)
<cc-pricing-table>
: add newtemporality
type1000-minutes
<cc-pricing-table>
: addtemporality
feature<cc-pricing-product>
:- add
temporality
feature - add plans and features for Jenkins runner (hard coded in the smart definition)
- add
<cc-pricing-product-consumption>
: fix plan name for non bytes with cc-pricing-product:add-plan event<cc-input-text>
: fix tags underline
- Add an env param to disable generating docs on each change
<cc-jenkins-info>
: Update documentation URL
<cc-addon-backups>
: Add support for PostgreSQL, MySQL, MongoDB, Redis and Jenkins add-ons.
<cc-env-var-form>
: fix small issues in exposed-config smart definition<cc-pricing-product-consumption>
:- consider empty number values as
0
- add
progressive
support - add support for users (non byte type) and
secability
- add support for Heptapod in smart definition
- consider empty number values as
- with-resize-observer: remove "resize-observer-polyfill" dependency
<cc-input-text>
: remove "clipboard-copy" dependency- refactor: use
??
instead of||
when it makes more sense - refactor: try to use
?.
when it's a bit simpler - i18n: use Intl.PluralRules instead of custom code
- refactor: move sub render methods
_renderFoo()
below the mainrender()
method - refactor: use code folding regions in CSS (especially for responsive with COMMON/BIG/SMALL modes)
- pricing:
- fix tests for PricingConsumptionSimulator
- rename and update documentation for PricingConsumptionSimulator
- add
progressive
to PricingConsumptionSimulator - add
secability
to PricingConsumptionSimulator
- product: refactor data API extraction for consumption based products
- Browser support updated (Safari >=14), see browser support reference for details (BREAKING CHANGE).
<cc-pricing-product-cellar>
: delete component and replace it with a more generic component (BREAKING CHANGE)<cc-pricing-table>
:- rename
items
toplans
(BREAKING CHANGE) - replace
currencyCode
withcurrency
in smart definition (BREAKING CHANGE)
- rename
<cc-pricing-product>
:- rename
items
toplans
(BREAKING CHANGE) - replace
currencyCode
withcurrency
in smart definition (BREAKING CHANGE)
- rename
<cc-beta>
: replace rem with em<cc-button>
: replace rem with em<cc-img>
: replace rem with em<cc-input-number>
: replace rem with em<cc-input-text>
: replace rem with em<cc-loader>
: replace rem with em<cc-toggle>
: replace rem with em<cc-block>
: introduce a ribbon and a noHead property<cc-zone>
:- add CSS custom properties to customize colors
- replace rem with em
<cc-zone-input>
:- fix zone list sort
- move
sortZones
out in a lib
- New components:
<cc-pricing-product-consumption>
(with smart definition)- this is the replacement for
<cc-pricing-product-cellar>
, it works for Cellar, FS Bucket, Pulsar
- this is the replacement for
<cc-pricing-header>
<cc-pricing-estimation>
<cc-pricing-page>
(with smart definition)<cc-jenkins-info>
(with smart definition)
- Replace
aws-sdk
with@aws-sdk/s3-client
so we can stop relying ons3cmd
for previews- You no longer need the
.clever-components-previews.s3cfg
but you will need env vars (see docs)
- You no longer need the
<cc-toggle>
: add--cc-text-transform
CSS custom property- New component:
<cc-pricing-product-cellar>
(with smart definition)
- Release a
custom-elements.json
following the new CEM format on npm
- Replace WCA with OpenWC's CEM analyzer
- This includes a few simplifications on how we write JSDoc
- Improve display of
preview:list
task events.js
:- removed the
options
parameter as it was not used anymore - add the possibility to provide a suffix instead of just being able to provide an event name => It gives the possibility to create a suffix with a
tagName:suffix
directly if needed
- removed the
- Remove exports from package.json
- Introduce new custom esbuild WDS plugin (experimental)
<cc-tile-status-codes>
: add smart definition<cc-tile-requests>
: fix label position
- Fix Leaflet ESM treeshaking (handle side effects)
- Internalize leaflet.heat (and simpleheat) and transform them into ESM
<cc-map>
: use leaflet from ESM source to improve treeshaking- Update chart.js v2 => v3 (with ESM and treeshaking)
- Add new custom ESLint rules to enforce conventions over translation files
- cc-toggle: remove padding when legend is empty
- Introduce new docs template/system for smart components
<cc-pricing-table>
:- replace
rem
withem
units (it's a fix) - add action property (add/none)
- replace
<cc-pricing-product>
:- replace
rem
withem
units (it's a fix) - add action property (add/none)
- add head slot to override the whole head section
- replace
- Fix: the new pricing components where not correctly packaged
<cc-button>
: Add a circle form when in hide-text with an image- New component:
<cc-pricing-table>
<cc-pricing-product>
(with smart definition for add-ons and runtimes)
- i18n: simplify formatter system and add JSDoc
- i18n: remove country flags (it makes no sense for a language)
- Update deps
- Introduce a preview system
<cc-html-frame>
:- call
revokeObjectURL
when the component is disconnected - add
loading
feature
- call
<cc-invoice>
: useloading
feature from<cc-html-frame>
- Introduce
defaultThemeStyles
with monospace font-family <cc-invoice>
: adjust spacing around "Download PDF" for narrow mode<cc-invoice-table>
: introduce a responsive system (big/small render modes)- Update
@clevercloud/client
(new billing/payment API endpoints)
<cc-input-number>
- When in controls mode and in a disabled state the buttons also appear in a disabled state with a slight opacity change
- Fixed a bug that allowed to change the value of the input in controls mode when the component was in a readonly state
- The buttons in controls mode now get the state of disabled when min or max value is reached
(e.g: If we have a value of
0
and the min is0
thedecrement
button will change todisabled
. The same would happen for theincrement
button if we had a value of10
and a max of10
)
<cc-invoice-table>
: fix pending statuses
<cc-invoice-table>
: change sort order to desc
<cc-invoice-table>
: fix i18n for emission date
- New components:
<cc-html-frame>
<cc-invoice>
(with smart definition)<cc-invoice-list>
(with smart definition)<cc-invoice-table>
- New component:
<cc-input-number>
<cc-addon-linked-apps>
: fix CSS alignment
<cc-addon-linked-apps>
: use<cc-zone>
instead of just zone name (BREAKING CHANGE)
- Add check on
apiConfig
in cc-env-var-form.smart-exposed-config <cc-addon-linked-apps>
: add smart definition<cc-env-var-form>
:- add env-var-addon context
- add smart definition (env-var-addon)
- Introduce smart components system
- Update @clevercloud/client
- Pin Node.js and npm versions with volta and update lock to v2
- Add smart definition for
<cc-env-var-form>
(exposed config)
-
New components:
<cc-addon-redis-options>
<cc-addon-jenkins-options>
-
<cc-addon-elasticsearch-options>
- Add encryption at rest option
-
cc-addon-encryption-at-rest-option
template- Drop documentation URL parameter
...
<cc-addon-credentials>
- Add
"pulsar"
type - Add
"url"
credential type
- Add
- Use
@web/rollup-plugin-import-meta-assets
for assets instead ofrollup-plugin-copy
- Replace
assetUrl()
helper with rawnew URL('../asset.svg', import.meta.url).href
- Move rollup configs to specific dir and rework plugin usage
- Introduce rollup-plugin-deps-manifest to list dependencies for CDN
- Add new npm script
components:build-cdn
to prepare files for CDN - Add new npm script
components:publish-cdn
to published files to Cellar - Add manual CSS to style not yet defined components (will be reworked and automated later)
- Add new npm script
components:build-cdn:versions-list
to update the list of available versions (published on CDN) - Add Jenkinsfile to automate CDN publication on new tag
<cc-tile-requests>
: fix broken display when value is 0
<cc-zone-input>
: fix scrolling behaviour (again)
<cc-zone-input>
: fix scrollIntoView behaviour<cc-zone-input>
: center the map<cc-map>
: fix race conditions on view-zoom update (and other attrs)
<cc-zone-input>
: change default internalview-zoom
to1
<cc-map>
: rework the API to place markers with something more generic<cc-heptapod-info>
:- rename
statistics
properties - set default display to
block
- remove max-width
- rework
loading
/skeleton
logic
- rename
- Remove
<cc-elasticsearch-options>
, replaced by<cc-addon-elasticsearch-options>
- Merge many attrs/props into
options
- Merge many attrs/props into
- New components:
<cc-addon-option>
<cc-addon-option-form>
<cc-addon-elasticsearch-options>
<cc-addon-postgresql-options>
<cc-addon-mysql-options>
<cc-addon-mongodb-options>
<cc-map-marker-dot>
<cc-map-marker-server>
<cc-zone>
<cc-zone-input>
<cc-header-app>
: addzone
details<cc-img>
: add CSS custom prop--cc-img-fit
to customize object-fit (default is cover)<cc-env-var-form>
: fix restart button margin<cc-flex-gap>
: add--cc-align-items
CSS property- Rework the way we format bytes and use it in
<cc-heptapod-info>
,<cc-tile-scalability>
and<cc-addon-elasticsearch-options>
- Update @clevercloud/client to 7.0.0
- docs: add some details about properties/attributes in cc-example-component.js
- Replace cypress by web-test-runner (and fix a test)
- Add tests for
prepareNumberUnitFormatter()
, refine implementation and adapt tests - Refactor:
<cc-logsmap>
: absorb logic that was in<cc-map>
and use<cc-map-marker-dot>
<cc-map>
: simplify setters and remove useless country property in point object<cc-heptapod-info>
: fix small issues (lint, CSS, story, API...)
<cc-heptapod-info>
: Fix heptapod about link href
<cc-heptapod-info>
:- Fix price translations
- Change default width from 500px to 600px
- New component:
<cc-heptapod-info>
- We moved our internal build to rollup and changed the way we link to images from non-standard syntax to
import.meta.url
.- Depending on the way you bundle our components, you may need some config to support this.
- We removed the outter margin on
:host
of several components:<cc-toggle>
<cc-input-text>
<cc-button>
- We renamed all
<env-var-*>
components to<cc-env-var-*>
<cc-button>
: always display text whenimage
is used- We removed
index.js
, if you were using it, you now need to import the components one by one with their direct paths
- You can now set objects and arrays via attributes (as JSON)
- New components:
<cc-flex-gap>
<cc-tcp-redirection-form>
<cc-tcp-redirection>
<cc-addon-admin>
: simplify i18n (fix #103)<cc-block>
: align icon on top (flex-start)<cc-button>
:- Add
waiting
state - Handle
delay=0
- Fix image height with new inner grid system
- Fix JSDoc
- Fix story doc
- Add
<cc-env-form>
: fix overflow pb with inner button focus rings<cc-env-var-form>
: fix overflow behaviour with inner input focus rings<cc-env-var-input>
: fix story data (was broken for ages...)<cc-expand>
: fix spring effect<cc-header-orga>
: fix vertical alignment<cc-input-text>
:- Adjust tag border-radius
- Display placeholders in italics
- Fix undefined behaviour
- Force white background
<cc-link>
: fix lint issue<cc-toggle>
:- Add multiple mode (with checkboxes)
- Add color story and rework examples
- Add subtle display mode
- Add image feature (and image only feature)
- Add
--cc-toggle-img-filter*
custom props and a toolbar story - Add a legend to describe the whole group
- Add active state with small change on background size
- Enhance backgroud display (hover & selected)
- Fix component's and stories' docs
- Fix CSS order
- Fix JSDoc for event
cc-toggle:input-multiple
- Fix vertical text alignement
- Only show focus ring when not hovered
- Refactor CSS and move borders on labels
- Refactor CSS to group and comment sections
- Remove box-shadow when hovered (we already have a cursor:pointer)
- Revert to button like border-radius
- Show boolean example with "activated" choice on the right in the story
- Switch layout strategy (txt+padding => height+line-height)
- Update CONTRIBUTING.md
- Storybook
- Show list of images used by a component in docs page
- Add link to source for each component in docs page
- Add details about component default CSS
display
in docs page - Force white background in preview (iPad gets dark auto mode)
- Improve show code display (and remove hack)
- Startup examples/docs:
- Rename
ExampleComponent.js
tocc-example-component.js
and improve examples and docs - Introduce
cc-example-component.stories.js
with examples and docs
- Rename
- Update deps
- Update gitlab-ci scaling config
- build: use rollup to build the components
- Storybook
- Remove useless hacks
- Simplify i18n-knob hack
- Use proper story root separator "/" ("|" is deprecated)
- Load event names from custom-elements.json (addon action)
- Simplify markdown docs loading
- Refactor:
- Rename "skeleton" to "skeletonStyles" (fix #92)
- Rename "instanceDetails" to "instanceDetailsStyles" (fix #92)
- Change the way we declare skeleton constant data
- Move all assets (svg icons and geojson) into "assets" dir
- Big bang rename from
components
tosrc
- Remove dead code in
<cc-button>
method_cancelClick()
- Add
.cc-waiting
for subtle blinking animations
- ESLint:
- add custom rule "sort-lit-element-css-declarations"
- add lit-html specific rules
- add ES import rules (sort, extensions, dev deps...)
- Add
component:check-lit
task using lit-analyzer to lint/check our components
- Update @clevercloud/client to 5.0.1
- Change
<cc-beta>
default todisplay:grid
so it fixes<cc-overview>
in Safari with<cc-logsmap>
- New component:
<env-var-linked-services>
<env-var-form>
:- center overlay blocks in env editor
- introduce
context
(andappName
) to provide several translated heading & descriptions - pause skeleton on loading errors
- remove
@env-var-form:dismissed-error
for loading errors - just mention "variables" without environment in i18n
- add docs for default slot
- remove promise based API
- Add Apache 2 license
- Update dev deps (build, tasks...)
- Update to Storybook 5.3.17
<env-var-full>
: remove component
NOTE: This component was a bit too high level and the composition was hard to struggle with
<env-var-form>
: fix parsing/serialization pb with simple/export mode
NOTE: This is a bug fix but if you copy/paste stuffs in the expert mode that was serialized in the old version you could have some problems.
<cc-elasticsearch-options>
: fix translations/wording<cc-elasticsearch-info>
: fix translations/wording
- Update
@clevercloud/client
to2.3.1
- New component:
<cc-elasticsearch-options>
<cc-toggle>
:- reflect attribute
value
- allow
choices
as JSON attribute - expose and document cc-toggle-color
- reflect attribute
<cc-elasticsearch-info>
: make all links optional
- New component:
<cc-header-addon>
- New component:
<cc-elasticsearch-info>
- New component:
<cc-addon-credentials>
- New component:
<cc-addon-features>
- New component:
<cc-addon-admin>
- New component:
<cc-addon-backups>
- New component:
<cc-addon-linked-apps>
- New component:
<cc-block>
and<cc-block-section>
- New component:
<cc-error>
(and removeiconStyles
) - New template:
ccLink()
(withlinkStyles
)
<cc-button>
:- add
.focus()
method - add
link
feature - fix image alignement
- prevent native click events from propagating/bubbling
- unset
font-size
- add
<cc-input-text>
:- add
tags
feature - add
label
feature - add
requestimplicitsubmit
event - fix hover behaviour on clipboard/secret buttons
- add
<cc-logsmap>
: add<strong>
tags in i18n strings to highlight orga/app name in legend<cc-map>
: don't display no heatmap points when there is an error<cc-overview>
: allow multiple heads with--cc-overview-head-count
<cc-tile-requests>
: add<strong>
tags in i18n strings to highlight time window in help<env-var-create>
: add<code>
tags in i18n strings to highlight error messages<env-var-create>
: usecc-input-text:requestimplicitsubmit
<env-var-editor-expert>
: add<code>
tags in i18n strings to highlight error messages<env-var-form>
: usecc-input-text:requestimplicitsubmit
<env-var-input>
: fix alignment between name and value
- Skeleton: add paused state
- Add
sanitize
tag template function to be used in i18n strings containing HTML- With cypress test runner
- i18n: Add "Missing lang" to help identify hard coded strings
- Add ADR describing our Storybook migration
- Storybook: update to Storybook 5.3.x ;-)
- Storybook: reload stories when translations are updated
- Tasks: add total count to tasks size
- Removed twemoji depencendy
- Update deps
- New component:
<cc-beta>
- New component:
<cc-datetime-relative>
- New component:
<cc-img>
- New component:
<cc-logsmap>
- New component:
<cc-map>
- New component:
<cc-header-app>
- New component:
<cc-header-orga>
- New component:
<cc-overview>
- New component:
<cc-tile-consumption>
- New component:
<cc-tile-deployments>
- New component:
<cc-tile-instances>
- New component:
<cc-tile-requests>
- New component:
<cc-tile-scalability>
- New component:
<cc-tile-status-codes>
- New mixin:
withResizeObserver()
<cc-button>
- move away from native click event to custom event
cc-button:click
- add warning mode
- add delay mechanism
- move away from native click event to custom event
<cc-input-text>
- add copy-to-clipboard feature with
clipboard
- add show/hide secret feature with
secret
- add copy-to-clipboard feature with
- New task:
size
- New i18n system
- New dependencies:
- Update storybook to 5.3.0-rc
- Update stories to CSF (with a
makeStory
helper) and some MDX documents - Move from
@storybook/html
to@storybook/web-components
- Add a11y addon
- Add viewport addon
- Use @clevercloud/client utils to handle env vars
- env-var-create: rename button "create" => "add"
- cc-toggle: fix isolation of name in shadow DOM for Safari
- cc-input-text: remove Safari box-shadow
- cc-input-text: update monospace font
- env-var-input: fix button alignment
- env-var-create: fix button alignment
- env-var-input: switch outline for delete/keep button
- env-var-input: switch colors for delete/keep button
- env-var-input: fix keep/delete
- env-var-form: fix reset form
- env-var-create: fix focus after click on create
- cc-input-text: stop propagation on keypress as well
- Update npm scripts (move stuffs from
install
toprestart
)
First public stable release
- Expose env-var utils
- Expose i18n helper (with fr and en translations)
- New component:
cc-button
- New component:
cc-expand
- New component:
cc-input-text
- New component:
cc-loader
- New component:
cc-toggle
- New component:
env-var-create
- New component:
env-var-editor-expert
- New component:
env-var-editor-simple
- New component:
env-var-form
- New component:
env-var-full
- New component:
env-var-input