fix(Toggle): support labels for small toggles (#7752)

* fix(Toggle): support labels for small toggles * test(Toggle): remove obsolete test Co-authored-by: Taylor Jones <tay1orjones@users.noreply.github.com>
carbon-design-system · Feb 8, 2021 · 026bb4d · 026bb4d
1 parent 47665bd
commit 026bb4d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 21 deletions.
diff --git a/packages/react/src/components/Toggle/Toggle-test.js b/packages/react/src/components/Toggle/Toggle-test.js
@@ -122,12 +122,5 @@ describe('Toggle', () => {
       const svg = wrapper.find(`.${prefix}--toggle__check`);
       expect(svg.length).toBe(1);
     });
-
-    it('Does not render toggle text', () => {
-      const offLabel = wrapper.find(`.${prefix}--toggle__text--off`);
-      const onLabel = wrapper.find(`.${prefix}--toggle__text--on`);
-      expect(offLabel.length).toBe(0);
-      expect(onLabel.length).toBe(0);
-    });
   });
 });
diff --git a/packages/react/src/components/Toggle/Toggle.js b/packages/react/src/components/Toggle/Toggle.js
@@ -152,20 +152,12 @@ class Toggle extends React.Component {
                 <path d="M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z" />
               </svg>
             )}
-            {!size && (
-              <>
-                <span
-                  className={`${prefix}--toggle__text--off`}
-                  aria-hidden="true">
-                  {labelA}
-                </span>
-                <span
-                  className={`${prefix}--toggle__text--on`}
-                  aria-hidden="true">
-                  {labelB}
-                </span>
-              </>
-            )}
+            <span className={`${prefix}--toggle__text--off`} aria-hidden="true">
+              {labelA}
+            </span>
+            <span className={`${prefix}--toggle__text--on`} aria-hidden="true">
+              {labelB}
+            </span>
           </span>
         </label>
       </div>