tide-design-system 2.2.15 → 2.2.16

package/src/types/Styles.ts

@@ -9,6 +9,7 @@ export const CSS = {
   ALIGN: {
     X: {
       CENTER: 'tide-text-center',
+      JUSTIFY: 'tide-text-justify',
       LEFT: 'tide-text-left',
       RIGHT: 'tide-text-right',
     },
@@ -478,6 +479,10 @@ export const CSS = {
   SNAP_ALIGN: {
     START: 'tide-scroll-snap-start',
   },
+  STRIKETHROUGH: {
+    OFF: 'tide-strikethrough-none',
+    ON: 'tide-strikethrough',
+  },
   TEXT_TRANSFORM: {
     LOWER: 'tide-text-transform-lower',
     NONE: 'tide-text-transform-none',

package/src/utilities/storybook.ts

@@ -103,12 +103,21 @@ export const disabledArgType = {
 
 export const isProduction = process.env.NODE_ENV === 'production';
 
-export const doSomething = () => {
-  alert('Did something.');
+export const doSomething = (message: string = 'Did something.') => {
+  const doSomethingAlert = document.getElementById('do-something-alert');
+
+  if (!doSomethingAlert) return;
+
+  doSomethingAlert.innerHTML = message;
+  doSomethingAlert.style.opacity = '1';
+
+  setTimeout(() => {
+    doSomethingAlert.style.opacity = '0';
+  }, 1000);
 };
 
 export const doSomethingElse = () => {
-  alert('Did something else.');
+  doSomething('Did something else.');
 };
 
 // Flatten a nested constant into a simple constant.