chore: this is the commit

makafsal · Sep 24, 2024 · ff42326 · ff42326
1 parent 9e7d0c9
commit ff42326
Show file tree

Hide file tree

Showing 359 changed files with 4,718 additions and 278 deletions.
diff --git a/examples/carbon-for-ibm-products/APIKeyModal/index.html b/examples/carbon-for-ibm-products/APIKeyModal/index.html
@@ -1,3 +1,12 @@
+<!--
+@license
+
+Copyright IBM Corp. 2020, 2024
+
+This source code is licensed under the Apache-2.0 license found in the
+LICENSE file in the root directory of this source tree.
+-->
+
 <!DOCTYPE html>
 <html lang="en">
 

diff --git a/examples/carbon-for-ibm-products/APIKeyModal/package.json b/examples/carbon-for-ibm-products/APIKeyModal/package.json
@@ -21,7 +21,7 @@
   },
   "dependencies": {
     "@carbon/ibm-products": "^2.21.0",
-    "@carbon/react": "^1.51.1",
+    "@carbon/react": "^1.60.3",
     "lodash": "^4.17.21",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

diff --git a/examples/carbon-for-ibm-products/APIKeyModal/src/ThemeSelector/ThemeContext.jsx b/examples/carbon-for-ibm-products/APIKeyModal/src/ThemeSelector/ThemeContext.jsx
@@ -1,6 +1,14 @@
 import React, { createContext, useReducer } from 'react';
 
 export const themeData = [
+  {
+    text: 'System W/90',
+    value: 'carbon-theme--user-preference-white-90',
+  },
+  {
+    text: 'System 10/100',
+    value: 'carbon-theme--user-preference-10-100',
+  },
   {
     text: 'White',
     value: 'carbon-theme--white',
@@ -22,17 +30,16 @@ export const themeData = [
 export const ThemeContext = createContext();
 
 const initialState = {
-  currentTheme: themeData[0],
+  currentTheme: themeData[1],
 };
 
 const themeReducer = (state, action) => {
   switch (action.type.value) {
+    case 'carbon-theme--user-preference-white-90':
+    case 'carbon-theme--user-preference-10-100':
     case 'carbon-theme--white':
-      return { currentTheme: action.type };
     case 'carbon-theme--g10':
-      return { currentTheme: action.type };
     case 'carbon-theme--g90':
-      return { currentTheme: action.type };
     case 'carbon-theme--g100':
       return { currentTheme: action.type };
     default:

diff --git a/examples/carbon-for-ibm-products/APIKeyModal/src/ThemeSelector/_theme-dropdown.scss b/examples/carbon-for-ibm-products/APIKeyModal/src/ThemeSelector/_theme-dropdown.scss
@@ -1,8 +1,45 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
 @use '@carbon/styles/scss/theme' as *;
 @use '@carbon/styles/scss/themes';
 @use '@carbon/styles/scss/type';
 @use '@carbon/styles/scss/config';
 
+// Best to stick with user preference - DARK
+@media (prefers-color-scheme: dark) {
+  :root {
+    @include theme(themes.$g100, true); // dark default
+  }
+
+  .carbon-theme--user-preference-10-100 {
+    @include theme(themes.$g100, true);
+  }
+
+  .carbon-theme--user-preference-white-90 {
+    @include theme(themes.$g90, true);
+  }
+}
+
+// Best to stick with user preference - LIGHT
+@media (prefers-color-scheme: light) {
+  :root {
+    @include theme(themes.$white, true); // light default
+  }
+
+  .carbon-theme--user-preference-10-100 {
+    @include theme(themes.$g10, true);
+  }
+
+  .carbon-theme--user-preference-white-90 {
+    @include theme(themes.$white, true);
+  }
+}
+
 .carbon-theme--white {
   @include theme(themes.$white, true);
 }

diff --git a/examples/carbon-for-ibm-products/APIKeyModal/src/index.scss b/examples/carbon-for-ibm-products/APIKeyModal/src/index.scss
@@ -1,3 +1,10 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
 @use '@carbon/react' with (
   $font-path: '@ibm/plex'
 );

diff --git a/examples/carbon-for-ibm-products/APIKeyModal/vite.config.js b/examples/carbon-for-ibm-products/APIKeyModal/vite.config.js
@@ -1,3 +1,10 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
 

diff --git a/examples/carbon-for-ibm-products/AboutModal/index.html b/examples/carbon-for-ibm-products/AboutModal/index.html
@@ -1,3 +1,12 @@
+<!--
+@license
+
+Copyright IBM Corp. 2020, 2024
+
+This source code is licensed under the Apache-2.0 license found in the
+LICENSE file in the root directory of this source tree.
+-->
+
 <!DOCTYPE html>
 <html lang="en">
 

diff --git a/examples/carbon-for-ibm-products/AboutModal/package.json b/examples/carbon-for-ibm-products/AboutModal/package.json
@@ -20,7 +20,7 @@
   },
   "dependencies": {
     "@carbon/ibm-products": "^2.21.0",
-    "@carbon/react": "^1.51.1",
+    "@carbon/react": "^1.60.3",
     "lodash": "^4.17.21",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

diff --git a/examples/carbon-for-ibm-products/AboutModal/src/ThemeSelector/ThemeContext.jsx b/examples/carbon-for-ibm-products/AboutModal/src/ThemeSelector/ThemeContext.jsx
@@ -1,6 +1,14 @@
 import React, { createContext, useReducer } from 'react';
 
 export const themeData = [
+  {
+    text: 'System W/90',
+    value: 'carbon-theme--user-preference-white-90',
+  },
+  {
+    text: 'System 10/100',
+    value: 'carbon-theme--user-preference-10-100',
+  },
   {
     text: 'White',
     value: 'carbon-theme--white',
@@ -22,17 +30,16 @@ export const themeData = [
 export const ThemeContext = createContext();
 
 const initialState = {
-  currentTheme: themeData[0],
+  currentTheme: themeData[1],
 };
 
 const themeReducer = (state, action) => {
   switch (action.type.value) {
+    case 'carbon-theme--user-preference-white-90':
+    case 'carbon-theme--user-preference-10-100':
     case 'carbon-theme--white':
-      return { currentTheme: action.type };
     case 'carbon-theme--g10':
-      return { currentTheme: action.type };
     case 'carbon-theme--g90':
-      return { currentTheme: action.type };
     case 'carbon-theme--g100':
       return { currentTheme: action.type };
     default:

diff --git a/examples/carbon-for-ibm-products/AboutModal/src/ThemeSelector/_theme-dropdown.scss b/examples/carbon-for-ibm-products/AboutModal/src/ThemeSelector/_theme-dropdown.scss
@@ -1,8 +1,45 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
 @use '@carbon/styles/scss/theme' as *;
 @use '@carbon/styles/scss/themes';
 @use '@carbon/styles/scss/type';
 @use '@carbon/styles/scss/config';
 
+// Best to stick with user preference - DARK
+@media (prefers-color-scheme: dark) {
+  :root {
+    @include theme(themes.$g100, true); // dark default
+  }
+
+  .carbon-theme--user-preference-10-100 {
+    @include theme(themes.$g100, true);
+  }
+
+  .carbon-theme--user-preference-white-90 {
+    @include theme(themes.$g90, true);
+  }
+}
+
+// Best to stick with user preference - LIGHT
+@media (prefers-color-scheme: light) {
+  :root {
+    @include theme(themes.$white, true); // light default
+  }
+
+  .carbon-theme--user-preference-10-100 {
+    @include theme(themes.$g10, true);
+  }
+
+  .carbon-theme--user-preference-white-90 {
+    @include theme(themes.$white, true);
+  }
+}
+
 .carbon-theme--white {
   @include theme(themes.$white, true);
 }

diff --git a/examples/carbon-for-ibm-products/AboutModal/src/index.scss b/examples/carbon-for-ibm-products/AboutModal/src/index.scss
@@ -1,3 +1,10 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
 @use '@carbon/react' with (
   $font-path: '@ibm/plex'
 );

diff --git a/examples/carbon-for-ibm-products/AboutModal/vite.config.js b/examples/carbon-for-ibm-products/AboutModal/vite.config.js
@@ -1,3 +1,10 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
 

diff --git a/examples/carbon-for-ibm-products/BigNumbers/index.html b/examples/carbon-for-ibm-products/BigNumbers/index.html
@@ -1,3 +1,12 @@
+<!--
+@license
+
+Copyright IBM Corp. 2020, 2024
+
+This source code is licensed under the Apache-2.0 license found in the
+LICENSE file in the root directory of this source tree.
+-->
+
 <!DOCTYPE html>
 <html lang="en">
 

diff --git a/examples/carbon-for-ibm-products/BigNumbers/package.json b/examples/carbon-for-ibm-products/BigNumbers/package.json
@@ -20,7 +20,7 @@
   },
   "dependencies": {
     "@carbon/ibm-products": "^2.21.0",
-    "@carbon/react": "^1.51.1",
+    "@carbon/react": "^1.60.3",
     "lodash": "^4.17.21",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

diff --git a/examples/carbon-for-ibm-products/BigNumbers/src/ThemeSelector/ThemeContext.jsx b/examples/carbon-for-ibm-products/BigNumbers/src/ThemeSelector/ThemeContext.jsx
@@ -1,6 +1,14 @@
 import React, { createContext, useReducer } from 'react';
 
 export const themeData = [
+  {
+    text: 'System W/90',
+    value: 'carbon-theme--user-preference-white-90',
+  },
+  {
+    text: 'System 10/100',
+    value: 'carbon-theme--user-preference-10-100',
+  },
   {
     text: 'White',
     value: 'carbon-theme--white',
@@ -22,17 +30,16 @@ export const themeData = [
 export const ThemeContext = createContext();
 
 const initialState = {
-  currentTheme: themeData[0],
+  currentTheme: themeData[1],
 };
 
 const themeReducer = (state, action) => {
   switch (action.type.value) {
+    case 'carbon-theme--user-preference-white-90':
+    case 'carbon-theme--user-preference-10-100':
     case 'carbon-theme--white':
-      return { currentTheme: action.type };
     case 'carbon-theme--g10':
-      return { currentTheme: action.type };
     case 'carbon-theme--g90':
-      return { currentTheme: action.type };
     case 'carbon-theme--g100':
       return { currentTheme: action.type };
     default:

diff --git a/examples/carbon-for-ibm-products/BigNumbers/src/ThemeSelector/_theme-dropdown.scss b/examples/carbon-for-ibm-products/BigNumbers/src/ThemeSelector/_theme-dropdown.scss
@@ -1,8 +1,45 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
 @use '@carbon/styles/scss/theme' as *;
 @use '@carbon/styles/scss/themes';
 @use '@carbon/styles/scss/type';
 @use '@carbon/styles/scss/config';
 
+// Best to stick with user preference - DARK
+@media (prefers-color-scheme: dark) {
+  :root {
+    @include theme(themes.$g100, true); // dark default
+  }
+
+  .carbon-theme--user-preference-10-100 {
+    @include theme(themes.$g100, true);
+  }
+
+  .carbon-theme--user-preference-white-90 {
+    @include theme(themes.$g90, true);
+  }
+}
+
+// Best to stick with user preference - LIGHT
+@media (prefers-color-scheme: light) {
+  :root {
+    @include theme(themes.$white, true); // light default
+  }
+
+  .carbon-theme--user-preference-10-100 {
+    @include theme(themes.$g10, true);
+  }
+
+  .carbon-theme--user-preference-white-90 {
+    @include theme(themes.$white, true);
+  }
+}
+
 .carbon-theme--white {
   @include theme(themes.$white, true);
 }

diff --git a/examples/carbon-for-ibm-products/BigNumbers/src/index.scss b/examples/carbon-for-ibm-products/BigNumbers/src/index.scss
@@ -1,3 +1,10 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
 @use '@carbon/react' with (
   $font-path: '@ibm/plex'
 );

diff --git a/examples/carbon-for-ibm-products/BigNumbers/vite.config.js b/examples/carbon-for-ibm-products/BigNumbers/vite.config.js
@@ -1,3 +1,10 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
 

diff --git a/examples/carbon-for-ibm-products/Cascade/index.html b/examples/carbon-for-ibm-products/Cascade/index.html
@@ -1,3 +1,12 @@
+<!--
+@license
+
+Copyright IBM Corp. 2020, 2024
+
+This source code is licensed under the Apache-2.0 license found in the
+LICENSE file in the root directory of this source tree.
+-->
+
 <!DOCTYPE html>
 <html lang="en">
 

diff --git a/examples/carbon-for-ibm-products/Cascade/package.json b/examples/carbon-for-ibm-products/Cascade/package.json
@@ -18,7 +18,7 @@
   },
   "dependencies": {
     "@carbon/ibm-products": "^2.21.0",
-    "@carbon/react": "^1.51.1",
+    "@carbon/react": "^1.60.3",
     "lodash": "^4.17.21",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",