chore(css modules): add content export (#6824)

Author: Lukas742

packages/main/src/components/ActionSheet/index.tsx

@@ -17,7 +17,7 @@ import type {
   ResponsivePopoverPropTypes
 } from '../../webComponents/index.js';
 import { Button, ResponsivePopover } from '../../webComponents/index.js';
-import { classNames, styleData } from './ActionSheet.module.css.js';
+import { classNames, content } from './ActionSheet.module.css.js';
 
 export interface ActionSheetPropTypes extends Omit<ResponsivePopoverPropTypes, 'header' | 'headerText' | 'children'> {
   /**
@@ -119,7 +119,7 @@ const ActionSheet = forwardRef<ResponsivePopoverDomRef, ActionSheetPropTypes>((p
   const { accessibilityAttributes, children, className, header, headerText, hideCancelButton, onOpen, open, ...rest } =
     props;
 
-  useStylesheet(styleData, ActionSheet.displayName);
+  useStylesheet(content, ActionSheet.displayName);
 
   const i18nBundle = useI18nBundle('@ui5/webcomponents-react');
   const actionBtnsRef = useRef(null);

packages/main/src/components/AnalyticalCardHeader/index.tsx

@@ -20,7 +20,7 @@ import { flattenFragments } from '../../internal/utils.js';
 import type { CommonProps } from '../../types/index.js';
 import { Icon } from '../../webComponents/index.js';
 import type { NumericSideIndicatorPropTypes } from '../NumericSideIndicator/index.js';
-import { classNames, styleData } from './AnalyticalCardHeader.module.css.js';
+import { classNames, content } from './AnalyticalCardHeader.module.css.js';
 
 export interface AnalyticalCardHeaderPropTypes extends CommonProps {
   /**
@@ -113,7 +113,7 @@ export const AnalyticalCardHeader = forwardRef<HTMLDivElement, AnalyticalCardHea
     id,
     ...rest
   } = props;
-  useStylesheet(styleData, AnalyticalCardHeader.displayName);
+  useStylesheet(content, AnalyticalCardHeader.displayName);
 
   const headerClasses = clsx(classNames.cardHeader, onClick && classNames.cardHeaderClickable, className);
 

scripts/postcss-css-to-esm.mjs

@@ -17,6 +17,7 @@ const getTSContent = (targetFile, packageName, css, exportTokens) => {
   return `export const styleData = \`${css}\`;
 
 export const classNames = ${JSON.stringify(exportTokens)} as const;
+export { styleData as content };
 `;
 };