From 349bb63e14f308a1506dbf1a187fe45aff3c0d83 Mon Sep 17 00:00:00 2001
From: Chelsea Giordan <chelsea@altaviastudio.com>
Date: Wed, 27 Sep 2023 15:58:06 -0400
Subject: [PATCH] Updates to CancelButton docs and story

---
 .DS_Store                                     | Bin 0 -> 6148 bytes
 packages/.DS_Store                            | Bin 0 -> 8196 bytes
 .../src/components/CancelButton.js            |   6 +++-
 .../src/semantic-ui/CancelButton.stories.js   |  26 ++++++++++++++++++
 4 files changed, 31 insertions(+), 1 deletion(-)
 create mode 100644 .DS_Store
 create mode 100644 packages/.DS_Store
 create mode 100644 packages/storybook/src/semantic-ui/CancelButton.stories.js

diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..e5a73da3e7cccf43fe2c51bbc23bb289d79af93d
GIT binary patch
literal 6148
zcmeHKu};G<5IxgKtze)dW4-{1g*j9KiGis|FhW|?B3dP)?Vb-{U|>K(LV}S676wKJ
zJ^;RmcRr^{nzkcC)tzL&#CK=EyePhyh)iqJ-63icQ3H+9TSqs?*w3wEYi@*-4bL&?
z?X)}bFsVf9fGVI0{6_`shfmwoqe~hWzh84#`vGAu^9|!Lj0SOpvBtyh>EUtowO96c
zm->@_zBicrH`bz_%}srpP*hx<sP<irC~|l`ILbK8%rlI0CX1trd}RN_CYR7Tb?6Fx
zk1l9bV)S^!&s&Kpa(aF`$vDl4%ULapEAjfg6`e+4b&WTa(0GOwZGKptN)bg)?=MqM
zb()FF87+<~@v(J+DXFc10;t(+jSWHVRRL8%6__f(`-6|h7&uG??bd<L9sz(JhOOb6
ze<?V}cNjQK1>u1iNd-!(aYqc}N{o?o_yZT83Q9T|yE5i+D;sx0F?Mx~`!<|RAgH}6
zpbC@~sL5@U>;L}Z^M5%>?^FR*V5Jl=Uf2#>cqCU_D-XxD)<-)-W8=6~(59es<=9?u
dDc(Y}2A|Itz`$WDh!L3n2v`}kQw9E1fnV`ii*f(}

literal 0
HcmV?d00001

diff --git a/packages/.DS_Store b/packages/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..6ce06acdf093e9cee1db1cd197552afd4393f9a7
GIT binary patch
literal 8196
zcmeHMJx?1!5S`^KMl>LVM3LhDfThqxk!TKN3W^96BSn!Y!ubrC*ggv|5ftb|hm`z=
zG?DT*(xi>@6H=r|Nk_|@-L={E-4QGbP&{khzSHf@-g|EsTeA?6TJ6S5M2kdJ!o@f{
zgD$7>IA57IW}iF<D&!L#QbJ99>J(?9<$*XL4u}KdfH)uyJOu~vo6W6M@VjqDr56Xp
zfsu58zaIizjG@KUp#JJWr%M3f1Rm>#d(;6sC$Jb=ObzN(%xS6zWmA<cF_cNic);Pn
z&|+%Pq?0n~r0koOtx%MHJMsb@PAW7gy*MBaWF6qzeSvDI+uL;P)$e6G!P6S;P()qS
z^g9?mZSE~qYe}nPCfZ;eBD<ATDp50ukX3s5`Sto%^kZe%8R7@d(Ajqss7)3!Lq|BV
zXh9)+(17ML6gNDruO{b;BVAn=f2%!R1@pF&TMhq?_V{jIG2bch-Ph}Za~6*!UA-9`
zce!0|Z}qr&bGVF(VmuyWznRB0cpPJoU|(R5B=~&r*u<Z%^P^l&-_QD-a^`cH-5u%i
zJ9xqT=CO*rvWHmD7`ThIZR@kCvc9ilSI2bZai;dW`)9g3PS4-=yuIgpU2Vf>dwR`2
zp2lBn1B$!Y8%^AuQQg<J%-cOD%GL4bOJ7HB<n7+QJJRDvzj!^K(MPx+Q3w2L1AB#L
ze`X_GUf;g<c@50t`dA$0^9h)bG;v^*9T+#_7rFjlD?a}pWs5|+IPl*)pe8ES$|_{q
z+BzecYwZBndtBT&E;XoA(CKm<sLOF+{~w094-m>Zp~ci7o}fL>K|rA2EuA<pst()$
DEl?&Q

literal 0
HcmV?d00001

diff --git a/packages/semantic-ui/src/components/CancelButton.js b/packages/semantic-ui/src/components/CancelButton.js
index 8f6f86ce8..7cb38c0b1 100644
--- a/packages/semantic-ui/src/components/CancelButton.js
+++ b/packages/semantic-ui/src/components/CancelButton.js
@@ -6,9 +6,13 @@ import i18n from '../i18n/i18n';
 
 type Props = {
   disabled: boolean,
-  onClick: () => void
+  onClick: () => void,
 };
 
+/**
+ * A simple Cancel button component that accepts an onClick method.
+ */
+
 const CancelButton = (props: Props) => (
   <Button
     basic
diff --git a/packages/storybook/src/semantic-ui/CancelButton.stories.js b/packages/storybook/src/semantic-ui/CancelButton.stories.js
new file mode 100644
index 000000000..b972ddd75
--- /dev/null
+++ b/packages/storybook/src/semantic-ui/CancelButton.stories.js
@@ -0,0 +1,26 @@
+// @flow
+
+import React from 'react';
+import { action } from '@storybook/addon-actions';
+import { withKnobs, boolean } from '@storybook/addon-knobs';
+import CancelButton from '../../../semantic-ui/src/components/CancelButton';
+
+export default {
+  title: 'Components/Semantic UI/CancelButton',
+  decorators: [withKnobs],
+  component: CancelButton,
+};
+
+export const Default = () => (
+  <CancelButton
+    disabled={boolean('Disabled', false)}
+    onClick={action('click')}
+  />
+);
+
+export const Disabled = () => (
+  <CancelButton
+    disabled={boolean('Disabled', true)}
+    onClick={action('click')}
+  />
+);