fix(checkbox): rm glamor references

pluralsight · Aug 11, 2021 · 9172041 · 9172041
1 parent cdaf619
commit 9172041
Show file tree

Hide file tree

Showing 2 changed files with 47 additions and 12 deletions.
diff --git a/packages/checkbox/src/react/__specs__/__snapshots__/storyshots.spec.ts.snap b/packages/checkbox/src/react/__specs__/__snapshots__/storyshots.spec.ts.snap
@@ -2,7 +2,11 @@
 
 exports[`Storyshots Components/Checkbox Basic 1`] = `
 <div
-  data-css-yto836=""
+  style={
+    Object {
+      "padding": "24px",
+    }
+  }
 >
   <label
     className="psds-checkbox"
@@ -34,7 +38,11 @@ exports[`Storyshots Components/Checkbox Basic 1`] = `
 
 exports[`Storyshots Components/Checkbox Checked 1`] = `
 <div
-  data-css-yto836=""
+  style={
+    Object {
+      "padding": "24px",
+    }
+  }
 >
   <label
     className="psds-checkbox"
@@ -80,7 +88,11 @@ exports[`Storyshots Components/Checkbox Checked 1`] = `
 
 exports[`Storyshots Components/Checkbox Checked Error 1`] = `
 <div
-  data-css-yto836=""
+  style={
+    Object {
+      "padding": "24px",
+    }
+  }
 >
   <label
     className="psds-checkbox"
@@ -126,7 +138,11 @@ exports[`Storyshots Components/Checkbox Checked Error 1`] = `
 
 exports[`Storyshots Components/Checkbox Checked Indeterminate 1`] = `
 <div
-  data-css-yto836=""
+  style={
+    Object {
+      "padding": "24px",
+    }
+  }
 >
   <label
     className="psds-checkbox"
@@ -175,7 +191,11 @@ exports[`Storyshots Components/Checkbox Checked Indeterminate 1`] = `
 
 exports[`Storyshots Components/Checkbox Disabled 1`] = `
 <div
-  data-css-yto836=""
+  style={
+    Object {
+      "padding": "24px",
+    }
+  }
 >
   <label
     className="psds-checkbox psds-checkbox--disabled"
@@ -208,7 +228,11 @@ exports[`Storyshots Components/Checkbox Disabled 1`] = `
 
 exports[`Storyshots Components/Checkbox Error 1`] = `
 <div
-  data-css-yto836=""
+  style={
+    Object {
+      "padding": "24px",
+    }
+  }
 >
   <label
     className="psds-checkbox"
@@ -240,11 +264,19 @@ exports[`Storyshots Components/Checkbox Error 1`] = `
 
 exports[`Storyshots Components/Checkbox Example State Demo 1`] = `
 <div
-  data-css-yto836=""
+  style={
+    Object {
+      "padding": "24px",
+    }
+  }
 >
   <div>
     <div
-      data-css-1ez0qa4=""
+      style={
+        Object {
+          "color": "rgba(255, 255, 255, 0.95)",
+        }
+      }
     >
       Checked: 
       
@@ -333,7 +365,11 @@ exports[`Storyshots Components/Checkbox Example State Demo 1`] = `
 
 exports[`Storyshots Components/Checkbox Indeterminate 1`] = `
 <div
-  data-css-yto836=""
+  style={
+    Object {
+      "padding": "24px",
+    }
+  }
 >
   <label
     className="psds-checkbox"

diff --git a/packages/checkbox/src/react/__stories__/index.story.tsx b/packages/checkbox/src/react/__stories__/index.story.tsx
@@ -1,13 +1,12 @@
 import { colorsTextIcon, layout } from '@pluralsight/ps-design-system-core'
 import { Meta, Story } from '@storybook/react/types-6-0'
 import { DecoratorFn } from '@storybook/react'
-import { css } from 'glamor'
 import React from 'react'
 
 import Checkbox from '../index'
 
 const PaddingDecorator: DecoratorFn = storyFn => (
-  <div {...css({ padding: layout.spacingLarge })}>{storyFn()}</div>
+  <div style={{ padding: layout.spacingLarge }}>{storyFn()}</div>
 )
 
 const defaultArgs = {
@@ -77,7 +76,7 @@ export const ExampleStateDemo: Story = () => {
 
   return (
     <div>
-      <div {...css({ color: colorsTextIcon.highOnDark })}>
+      <div style={{ color: colorsTextIcon.highOnDark }}>
         Checked: {colorNames.map(name => `${name}: ${values[name]}`).join('; ')}
       </div>