@coreui/react-pro 5.0.0-alpha.1 → 5.0.0-alpha.2

package/src/components/widgets/__tests__/__snapshots__/CWidgetStatsB.spec.tsx.snap

@@ -3,7 +3,7 @@
 exports[`CWidgetStatsB customize 1`] = `
 <div>
   <div
-    class="card bg-info text-high-emphasis-inverse bazinga"
+    class="card bg-info text-white bazinga"
   >
     <div
       class="card-body"
@@ -17,20 +17,20 @@ exports[`CWidgetStatsB customize 1`] = `
         title
       </div>
       <div
+        aria-valuemax="100"
+        aria-valuemin="0"
+        aria-valuenow="75"
         class="progress progress-white my-2"
+        role="progressbar"
         style="height: 4px;"
       >
         <div
-          aria-valuemax="100"
-          aria-valuemin="0"
-          aria-valuenow="75"
           class="progress-bar bg-warning"
-          role="progressbar"
           style="width: 75%;"
         />
       </div>
       <small
-        class="text-medium-emphasis-inverse"
+        class="text-white text-opacity-75"
       >
         text
       </small>
@@ -50,7 +50,12 @@ exports[`loads and displays CWidgetStatsB component 1`] = `
       <div
         class="progress my-2"
         style="height: 4px;"
-      />
+      >
+        <div
+          class="progress-bar"
+          style="width: 0%;"
+        />
+      </div>
     </div>
   </div>
 </div>

package/src/components/widgets/__tests__/__snapshots__/CWidgetStatsC.spec.tsx.snap

@@ -3,36 +3,36 @@
 exports[`CWidgetStatsC customize 1`] = `
 <div>
   <div
-    class="card bg-info text-high-emphasis-inverse bazinga"
+    class="card bg-info text-white bazinga"
   >
     <div
       class="card-body"
     >
       <div
-        class="text-medium-emphasis-inverse text-end mb-4"
+        class="text-end mb-4"
       >
         icon
       </div>
       <div
-        class="text-high-emphasis-inverse fs-4 fw-semibold"
+        class="fs-4 fw-semibold"
       >
         value
       </div>
       <div
-        class="text-medium-emphasis-inverse"
+        class="text-white text-opacity-75"
       >
         title
       </div>
       <div
+        aria-valuemax="100"
+        aria-valuemin="0"
+        aria-valuenow="75"
         class="progress progress-white mt-3 mb-0"
+        role="progressbar"
         style="height: 4px;"
       >
         <div
-          aria-valuemax="100"
-          aria-valuemin="0"
-          aria-valuenow="75"
           class="progress-bar bg-warning"
-          role="progressbar"
           style="width: 75%;"
         />
       </div>
@@ -52,7 +52,12 @@ exports[`loads and displays CWidgetStatsC component 1`] = `
       <div
         class="progress mt-3 mb-0"
         style="height: 4px;"
-      />
+      >
+        <div
+          class="progress-bar"
+          style="width: 0%;"
+        />
+      </div>
     </div>
   </div>
 </div>

package/src/components/widgets/__tests__/__snapshots__/CWidgetStatsD.spec.tsx.snap

@@ -20,7 +20,7 @@ exports[`CWidgetStatsD customize 1`] = `
           89K
         </div>
         <div
-          class="text-uppercase text-medium-emphasis small"
+          class="text-uppercase text-body-secondary small"
         >
           friends
         </div>
@@ -37,7 +37,7 @@ exports[`CWidgetStatsD customize 1`] = `
           459
         </div>
         <div
-          class="text-uppercase text-medium-emphasis small"
+          class="text-uppercase text-body-secondary small"
         >
           feeds
         </div>

package/src/components/widgets/__tests__/__snapshots__/CWidgetStatsE.spec.tsx.snap

@@ -9,7 +9,7 @@ exports[`CWidgetStatsE customize 1`] = `
       class="card-body text-center"
     >
       <div
-        class="text-medium-emphasis small text-uppercase fw-semibold"
+        class="text-body-secondary small text-uppercase fw-semibold"
       >
         title
       </div>

package/src/components/widgets/__tests__/__snapshots__/CWidgetStatsF.spec.tsx.snap

@@ -20,7 +20,7 @@ exports[`CWidgetStatsF customize 1`] = `
           value
         </div>
         <div
-          class="text-medium-emphasis text-uppercase fw-semibold small"
+          class="text-body-secondary text-uppercase fw-semibold small"
         >
           title
         </div>
@@ -51,7 +51,7 @@ exports[`loads and displays CWidgetStatsF component 1`] = `
           class="fs-6 fw-semibold text-undefined"
         />
         <div
-          class="text-medium-emphasis text-uppercase fw-semibold small"
+          class="text-body-secondary text-uppercase fw-semibold small"
         />
       </div>
     </div>

package/src/types.ts

@@ -55,14 +55,21 @@ export type Shapes =
 
 export type TextColors =
   | Colors
+  | 'primary-emphasis'
+  | 'secondary-emphasis'
+  | 'success-emphasis'
+  | 'danger-emphasis'
+  | 'warning-emphasis'
+  | 'info-emphasis'
+  | 'light-emphasis'
+  | 'body'
+  | 'body-emphasis'
+  | 'body-secondary'
+  | 'body-tertiary'
+  | 'black'
+  | 'black-50'
   | 'white'
-  | 'muted'
-  | 'high-emphasis'
-  | 'medium-emphasis'
-  | 'disabled'
-  | 'high-emphasis-inverse'
-  | 'medium-emphasis-inverse'
-  | 'disabled-inverse'
+  | 'white-50'
   | string
 
 export type Triggers = 'hover' | 'focus' | 'click'