✨(react) implement Button with official tokens

Now that we have all the official design tokens we can use them
to build the button component in various colors matching the
design system's ones.

packages/react/src/components/Button/index.stories.tsx

@@ -9,7 +9,27 @@ export default {
 
 const Template: ComponentStory<typeof Button> = (args) => <Button {...args} />;
 
-export const Default = Template.bind({});
-Default.args = {
-  children: "Amazing button",
+export const Primary = Template.bind({});
+Primary.args = {
+  children: "Label",
+  color: "primary",
+};
+
+export const Secondary = Template.bind({});
+Secondary.args = {
+  children: "Label",
+  color: "secondary",
+};
+
+export const Tertiary = Template.bind({});
+Tertiary.args = {
+  children: "Label",
+  color: "tertiary",
+};
+
+export const Disabled = Template.bind({});
+Disabled.args = {
+  children: "Label",
+  color: "primary",
+  disabled: true,
 };