@spaced-out/ui-design-system 0.1.29 → 0.1.30

package/.storybook/main.js

@@ -108,7 +108,7 @@ module.exports = {
     config.resolve.extensions.push('.js', '.jsx');
     return config;
   },
-  staticDirs: ['public'],
+  staticDirs: ['public', '../design-tokens'],
   framework: {
     name: '@storybook/react-webpack5',
     options: {},

package/.storybook/preview-head.html

@@ -113,7 +113,7 @@
     font-family: 'Centra No 2';
   }
 
-  .sbdocs *:not(i) {
+  .sbdocs *:not(i):not(pre span) {
     font-family: 'Centra No 2' !important;
   }
 
@@ -149,6 +149,11 @@
     background-color: #f1f1f5 !important;
     box-shadow: none !important;
     border-color: #d3d2e0 !important;
+    font-family: 'Monaco' !important;
+  }
+
+  pre span {
+    font-family: 'Monaco' !important;
   }
 
   a.sbdocs {

package/CHANGELOG.md

@@ -2,6 +2,21 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.1.30](https://github.com/spaced-out/ui-design-system/compare/v0.1.29...v0.1.30) (2023-06-06)
+
+
+### Features
+
+* 🛸 download tokens textarea placeholder fixes 🛸 ([763829a](https://github.com/spaced-out/ui-design-system/commit/763829a08a3355613b50133288bb89b98745e88b))
+* hooks and utils stories ([74e22fa](https://github.com/spaced-out/ui-design-system/commit/74e22fa1c315eb7d415501e8da39aa93ef968167))
+
+
+### Bug Fixes
+
+* added import docs for utils and hooks ([2f8d3a8](https://github.com/spaced-out/ui-design-system/commit/2f8d3a8e0fe99d37c9f6f00a681affaaf9938efa))
+* stories fixes ([62fa978](https://github.com/spaced-out/ui-design-system/commit/62fa97803eb8250b0d1b227b68cf68f50a1ebc19))
+* typo fixes ([29c50ad](https://github.com/spaced-out/ui-design-system/commit/29c50ad526996f4d9f95e575ee5d239ad68e6c5c))
+
 ### [0.1.29](https://github.com/spaced-out/ui-design-system/compare/v0.1.28...v0.1.29) (2023-06-01)
 
 

package/design-tokens/index.js

@@ -1,5 +1,7 @@
-const { readdirSync, statSync } = require("fs");
-const { join } = require("path");
+const {readdirSync, statSync} = require('fs');
+const {join} = require('path');
+
+
 const dirs = (p) =>
   readdirSync(p).filter((f) => statSync(join(p, f)).isDirectory());
-module.exports = dirs(__dirname);
+module.exports = dirs(__dirname);

package/lib/components/Textarea/Textarea.module.css

@@ -94,6 +94,10 @@
   background-color: colorFillDisabled;
 }
 
+textarea::placeholder {
+  color: colorTextSecondary;
+}
+
 .inputDisabled textarea::placeholder {
   color: inherit;
 }

package/lib/utils/makeClassNameComponent/makeClassNameComponent.js.flow

@@ -1,5 +1,4 @@
 // @flow strict
-
 import * as React from 'react';
 
 import classify from '../classify';

package/lib/utils/tokens/tokens.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getSortedTokenNames = exports.getRandomDataVariation = exports.filterTableDataBySearchText = exports.dataVariations = void 0;
+exports.handleDownload = exports.getSortedTokenNames = exports.getRandomDataVariation = exports.filterTableDataBySearchText = exports.dataVariations = void 0;
 
 const dataVariations = [{
   title: 'The Great HTML Escape 🎩🌐',
@@ -151,4 +151,18 @@ const getRandomDataVariation = () => {
   const randomIndex = Math.floor(Math.random() * dataVariations.length);
   return dataVariations[randomIndex];
 };
-exports.getRandomDataVariation = getRandomDataVariation;
+exports.getRandomDataVariation = getRandomDataVariation;
+const handleDownload = (path, fileName) => {
+  const filePath = `../../../${path}`;
+  fetch(filePath).then(response => response.blob()).then(blob => {
+    const url = URL.createObjectURL(blob);
+    const link = document.createElement('a');
+    link.href = url;
+    link.download = fileName;
+    link.click();
+    URL.revokeObjectURL(url);
+  }).catch(error => {
+    console.error('Error downloading the JSON file:', error);
+  });
+};
+exports.handleDownload = handleDownload;

package/lib/utils/tokens/tokens.js.flow

@@ -226,3 +226,21 @@ export const getRandomDataVariation = (): DataVariation => {
   const randomIndex: number = Math.floor(Math.random() * dataVariations.length);
   return dataVariations[randomIndex];
 };
+
+export const handleDownload = (path: string, fileName: string) => {
+  const filePath = `../../../${path}`;
+
+  fetch(filePath)
+    .then((response) => response.blob())
+    .then((blob) => {
+      const url = URL.createObjectURL(blob);
+      const link = document.createElement('a');
+      link.href = url;
+      link.download = fileName;
+      link.click();
+      URL.revokeObjectURL(url);
+    })
+    .catch((error) => {
+      console.error('Error downloading the JSON file:', error);
+    });
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaced-out/ui-design-system",
-  "version": "0.1.29",
+  "version": "0.1.30",
   "main": "index.js",
   "description": "Sense UI components library",
   "author": {