fix(styles): update the theme-sets

Author: droshev

.ci-env/flags.sh

@@ -0,0 +1,5 @@
+#!/usr/bin/env bash
+# This flag indicates if the tag should be treated as a latest one, which is going to trigger
+# - npm publish with `latest` tag, which will become new default version
+# - main version incrementation
+echo "isLatest=false" >> $GITHUB_OUTPUT

package.json

@@ -17,8 +17,7 @@
         "lint": "yarn run sync-entries && yarn run lint:style && yarn run lint:js",
         "lint:fix": "yarn run sync-entries fix && yarn run lint:style --fix && yarn run lint:js --fix",
         "lint:pre-commit": "echo running pre-commit lint... && yarn run lint && echo done!\n",
-        "hotfix-release": "./scripts/hotfix-publish-release.sh",
-        "hotfix-release-latest": "./scripts/hotfix-publish-release.sh latest",
+        "hotfix-release": "./scripts/release-hotfix.sh",
         "size": "bundlesize --config config/bundlesize.json",
         "start": "yarn run build:visual-stories && yarn run storybook:serve",
         "start:prod": "yarn run storybook:serve:prod",

packages/styles/src/theming/sap_fiori_3_set.scss

@@ -1,17 +1,6 @@
 @use "sass:map";
 
-@container style(--sapSapThemeId: sap_fiori_3) {
-  @import './sap_fiori_3';
-}
-
-@container style(--sapSapThemeId: sap_fiori_3_dark) {
-  @import './sap_fiori_3_dark';
-}
-
-@container style(--sapSapThemeId: sap_fiori_3_hcb) {
-  @import './sap_fiori_3_hcb';
-}
-
-@container style(--sapSapThemeId: sap_fiori_3_hcw) {
-  @import './sap_fiori_3_hcw';
-}
+@import "sap_fiori_3" only screen and (prefers-color-scheme: light) and (prefers-contrast: no-preference), screen and (prefers-color-scheme: light) and (prefers-contrast: less);
+@import "sap_fiori_3_dark" only screen and (prefers-color-scheme: dark) and (prefers-contrast: no-preference), screen and (prefers-color-scheme: dark) and (prefers-contrast: less);
+@import "sap_fiori_3_hcw" only screen and (prefers-color-scheme: light) and (prefers-contrast: custom), screen and (prefers-color-scheme: light) and (prefers-contrast: more);
+@import "sap_fiori_3_hcb" only screen and (prefers-color-scheme: dark) and (prefers-contrast: custom), screen and (prefers-color-scheme: dark) and (prefers-contrast: more);

packages/styles/src/theming/sap_horizon_set.scss

@@ -1,17 +1,6 @@
 @use "sass:map";
 
-@container style(--sapSapThemeId: sap_horizon) {
-    @import 'sap_horizon';
-}
-
-@container style(--sapSapThemeId: sap_horizon_dark) {
-    @import 'sap_horizon_dark';
-}
-
-@container style(--sapSapThemeId: sap_horizon_hcb) {
-    @import 'sap_horizon_hcb';
-}
-
-@container style(--sapSapThemeId: sap_horizon_hcw) {
-    @import 'sap_horizon_hcw';
-}
+@import "sap_horizon" only screen and (prefers-color-scheme: light) and (prefers-contrast: no-preference), screen and (prefers-color-scheme: light) and (prefers-contrast: less);
+@import "sap_horizon_dark" only screen and (prefers-color-scheme: dark) and (prefers-contrast: no-preference), screen and (prefers-color-scheme: dark) and (prefers-contrast: less);
+@import "sap_horizon_hcw" only screen and (prefers-color-scheme: light) and (prefers-contrast: custom), screen and (prefers-color-scheme: light) and (prefers-contrast: more);
+@import "sap_horizon_hcb" only screen and (prefers-color-scheme: dark) and (prefers-contrast: custom), screen and (prefers-color-scheme: dark) and (prefers-contrast: more);