chore: remove card feature flag (#9272) (CP: 24.8) (#9281)

* chore: remove card feature flag (#9272)

* test: also remove flag from Material tests

---------

Co-authored-by: Sascha Ißbrücker <sissbruecker@vaadin.com>
Co-authored-by: web-padawan <iamkulykov@gmail.com>

Author: 3 people

dev/card.html

@@ -8,11 +8,6 @@
     <script type="module" src="./common.js"></script>
 
     <script type="module">
-      // Enable feature flag
-      window.Vaadin ||= {};
-      window.Vaadin.featureFlags ||= {};
-      window.Vaadin.featureFlags.cardComponent = true;
-
       import '@vaadin/card';
       import { badge } from '@vaadin/vaadin-lumo-styles/badge.js';
       import '@vaadin/avatar';

packages/card/README.md

@@ -2,8 +2,6 @@
 
 A visual content container.
 
-> ⚠️ This component is experimental and the API may change. In order to use it, enable the feature flag by setting `window.Vaadin.featureFlags.cardComponent = true`.
-
 [Documentation + Live Demo ↗](https://vaadin.com/docs/latest/components/card)
 
 [![npm version](https://badgen.net/npm/v/@vaadin/card)](https://www.npmjs.com/package/@vaadin/card)

packages/card/src/vaadin-card.js

@@ -307,10 +307,6 @@ class Card extends ElementMixin(ThemableMixin(PolylitMixin(LitElement))) {
     };
   }
 
-  static get experimental() {
-    return true;
-  }
-
   /** @protected */
   ready() {
     super.ready();

packages/card/test/accessibility.test.js

@@ -2,9 +2,6 @@ import { expect } from '@vaadin/chai-plugins';
 import { fixtureSync, nextRender, nextUpdate } from '@vaadin/testing-helpers';
 import '../src/vaadin-card.js';
 
-window.Vaadin.featureFlags ||= {};
-window.Vaadin.featureFlags.cardComponent = true;
-
 describe('accessibility', () => {
   let card;
 

packages/card/test/card.test.ts

@@ -3,9 +3,6 @@ import { fixtureSync, nextRender } from '@vaadin/testing-helpers';
 import '../vaadin-card.js';
 import type { Card } from '../vaadin-card.js';
 
-window.Vaadin.featureFlags ||= {};
-window.Vaadin.featureFlags.cardComponent = true;
-
 describe('vaadin-card', () => {
   let card: Card;
 

packages/card/test/visual/lumo/card.test.js

@@ -8,10 +8,6 @@ import '@vaadin/icon';
 import '@vaadin/icons';
 import '@vaadin/avatar/theme/lumo/vaadin-avatar.js';
 
-window.Vaadin ||= {};
-window.Vaadin.featureFlags ||= {};
-window.Vaadin.featureFlags.cardComponent = true;
-
 const content = '<div>Content</div>';
 const title = '<div slot="title">Title</div>';
 const subTitle = '<div slot="subtitle">Subtitle</div>';

packages/card/test/visual/material/card.test.js

@@ -8,10 +8,6 @@ import '@vaadin/icon';
 import '@vaadin/icons';
 import '@vaadin/avatar/theme/material/vaadin-avatar.js';
 
-window.Vaadin ||= {};
-window.Vaadin.featureFlags ||= {};
-window.Vaadin.featureFlags.cardComponent = true;
-
 const content = '<div>Content</div>';
 const title = '<div slot="title">Title</div>';
 const subTitle = '<div slot="subtitle">Subtitle</div>';