@nobak/design-system 1.0.0

package/lib/shared/helpers/constants.js

@@ -0,0 +1,359 @@
+export var colors_list = ['primary-100', 'primary-200', 'primary-300', 'primary-400', 'primary-500', 'primary-600', 'primary-700', 'primary-800', 'primary-900', 'primary-1000', 'primary-1100', 'primary-1200', 'primary-1300', 'secondary-100', 'secondary-200', 'secondary-300', 'secondary-400', 'secondary-500', 'secondary-600', 'secondary-700', 'secondary-800', 'secondary-900', 'secondary-1000', 'secondary-1100', 'secondary-1200', 'secondary-1300', 'neutral-100', 'neutral-200', 'neutral-300', 'neutral-400', 'neutral-500', 'neutral-600', 'neutral-700', 'neutral-800', 'neutral-900', 'neutral-1000', 'neutral-1100', 'neutral-1200', 'neutral-1300'];
+export var languages_list = [{
+  name: "Afrikaans",
+  code: "af"
+}, {
+  name: "Albanian - shqip",
+  code: "sq"
+}, {
+  name: "Amharic - አማርኛ",
+  code: "am"
+}, {
+  name: "Arabic - العربية",
+  code: "ar"
+}, {
+  name: "Aragonese - aragonés",
+  code: "an"
+}, {
+  name: "Armenian - հայերեն",
+  code: "hy"
+}, {
+  name: "Asturian - asturianu",
+  code: "ast"
+}, {
+  name: "Azerbaijani - azərbaycan dili",
+  code: "az"
+}, {
+  name: "Basque - euskara",
+  code: "eu"
+}, {
+  name: "Belarusian - беларуская",
+  code: "be"
+}, {
+  name: "Bengali - বাংলা",
+  code: "bn"
+}, {
+  name: "Bosnian - bosanski",
+  code: "bs"
+}, {
+  name: "Breton - brezhoneg",
+  code: "br"
+}, {
+  name: "Bulgarian - български",
+  code: "bg"
+}, {
+  name: "Catalan - català",
+  code: "ca"
+}, {
+  name: "Central Kurdish - کوردی (دەستنوسی عەرەبی)",
+  code: "ckb"
+}, {
+  name: "Chinese - 中文",
+  code: "zh"
+}, {
+  name: "Chinese (Hong Kong) - 中文（香港）",
+  code: "zh-HK"
+}, {
+  name: "Chinese (Simplified) - 中文（简体）",
+  code: "zh-CN"
+}, {
+  name: "Chinese (Traditional) - 中文（繁體）",
+  code: "zh-TW"
+}, {
+  name: "Corsican",
+  code: "co"
+}, {
+  name: "Croatian - hrvatski",
+  code: "hr"
+}, {
+  name: "Czech - čeština",
+  code: "cs"
+}, {
+  name: "Danish - dansk",
+  code: "da"
+}, {
+  name: "Dutch - Nederlands",
+  code: "nl"
+}, {
+  name: "English",
+  code: "en"
+}, {
+  name: "Esperanto - esperanto",
+  code: "eo"
+}, {
+  name: "Estonian - eesti",
+  code: "et"
+}, {
+  name: "Faroese - føroyskt",
+  code: "fo"
+}, {
+  name: "Filipino",
+  code: "fil"
+}, {
+  name: "Finnish - suomi",
+  code: "fi"
+}, {
+  name: "French - français",
+  code: "fr"
+}, {
+  name: "Galician - galego",
+  code: "gl"
+}, {
+  name: "Georgian - ქართული",
+  code: "ka"
+}, {
+  name: "German - Deutsch",
+  code: "de"
+}, {
+  name: "Greek - Ελληνικά",
+  code: "el"
+}, {
+  name: "Guarani",
+  code: "gn"
+}, {
+  name: "Gujarati - ગુજરાતી",
+  code: "gu"
+}, {
+  name: "Hausa",
+  code: "ha"
+}, {
+  name: "Hawaiian - ʻŌlelo Hawaiʻi",
+  code: "haw"
+}, {
+  name: "Hebrew - עברית",
+  code: "he"
+}, {
+  name: "Hindi - हिन्दी",
+  code: "hi"
+}, {
+  name: "Hungarian - magyar",
+  code: "hu"
+}, {
+  name: "Icelandic - íslenska",
+  code: "is"
+}, {
+  name: "Indonesian - Indonesia",
+  code: "id"
+}, {
+  name: "Interlingua",
+  code: "ia"
+}, {
+  name: "Irish - Gaeilge",
+  code: "ga"
+}, {
+  name: "Italian - italiano",
+  code: "it"
+}, {
+  name: "Japanese - 日本語",
+  code: "ja"
+}, {
+  name: "Kannada - ಕನ್ನಡ",
+  code: "kn"
+}, {
+  name: "Kazakh - қазақ тілі",
+  code: "kk"
+}, {
+  name: "Khmer - ខ្មែរ",
+  code: "km"
+}, {
+  name: "Korean - 한국어",
+  code: "ko"
+}, {
+  name: "Kurdish - Kurdî",
+  code: "ku"
+}, {
+  name: "Kyrgyz - кыргызча",
+  code: "ky"
+}, {
+  name: "Lao - ລາວ",
+  code: "lo"
+}, {
+  name: "Latin",
+  code: "la"
+}, {
+  name: "Latvian - latviešu",
+  code: "lv"
+}, {
+  name: "Lingala - lingála",
+  code: "ln"
+}, {
+  name: "Lithuanian - lietuvių",
+  code: "lt"
+}, {
+  name: "Macedonian - македонски",
+  code: "mk"
+}, {
+  name: "Malay - Bahasa Melayu",
+  code: "ms"
+}, {
+  name: "Malayalam - മലയാളം",
+  code: "ml"
+}, {
+  name: "Maltese - Malti",
+  code: "mt"
+}, {
+  name: "Marathi - मराठी",
+  code: "mr"
+}, {
+  name: "Mongolian - монгол",
+  code: "mn"
+}, {
+  name: "Nepali - नेपाली",
+  code: "ne"
+}, {
+  name: "Norwegian - norsk",
+  code: "no"
+}, {
+  name: "Norwegian Bokmål - norsk bokmål",
+  code: "nb"
+}, {
+  name: "Norwegian Nynorsk - nynorsk",
+  code: "nn"
+}, {
+  name: "Occitan",
+  code: "oc"
+}, {
+  name: "Oriya - ଓଡ଼ିଆ",
+  code: "or"
+}, {
+  name: "Oromo - Oromoo",
+  code: "om"
+}, {
+  name: "Pashto - پښتو",
+  code: "ps"
+}, {
+  name: "Persian - فارسی",
+  code: "fa"
+}, {
+  name: "Polish - polski",
+  code: "pl"
+}, {
+  name: "Portuguese - português",
+  code: "pt"
+}, {
+  name: "Punjabi - ਪੰਜਾਬੀ",
+  code: "pa"
+}, {
+  name: "Quechua",
+  code: "qu"
+}, {
+  name: "Romanian - română",
+  code: "ro"
+}, {
+  name: "Romanian (Moldova) - română (Moldova)",
+  code: "mo"
+}, {
+  name: "Romansh - rumantsch",
+  code: "rm"
+}, {
+  name: "Russian - русский",
+  code: "ru"
+}, {
+  name: "Scottish Gaelic",
+  code: "gd"
+}, {
+  name: "Serbian - српски",
+  code: "sr"
+}, {
+  name: "Serbo - Croatian",
+  code: "sh"
+}, {
+  name: "Shona - chiShona",
+  code: "sn"
+}, {
+  name: "Sindhi",
+  code: "sd"
+}, {
+  name: "Sinhala - සිංහල",
+  code: "si"
+}, {
+  name: "Slovak - slovenčina",
+  code: "sk"
+}, {
+  name: "Slovenian - slovenščina",
+  code: "sl"
+}, {
+  name: "Somali - Soomaali",
+  code: "so"
+}, {
+  name: "Southern Sotho",
+  code: "st"
+}, {
+  name: "Spanish - español",
+  code: "es"
+}, {
+  name: "Sundanese",
+  code: "su"
+}, {
+  name: "Swahili - Kiswahili",
+  code: "sw"
+}, {
+  name: "Swedish - svenska",
+  code: "sv"
+}, {
+  name: "Tajik - тоҷикӣ",
+  code: "tg"
+}, {
+  name: "Tamil - தமிழ்",
+  code: "ta"
+}, {
+  name: "Tatar",
+  code: "tt"
+}, {
+  name: "Telugu - తెలుగు",
+  code: "te"
+}, {
+  name: "Thai - ไทย",
+  code: "th"
+}, {
+  name: "Tigrinya - ትግርኛ",
+  code: "ti"
+}, {
+  name: "Tongan - lea fakatonga",
+  code: "to"
+}, {
+  name: "Turkish - Türkçe",
+  code: "tr"
+}, {
+  name: "Turkmen",
+  code: "tk"
+}, {
+  name: "Twi",
+  code: "tw"
+}, {
+  name: "Ukrainian - українська",
+  code: "uk"
+}, {
+  name: "Urdu - اردو",
+  code: "ur"
+}, {
+  name: "Uyghur",
+  code: "ug"
+}, {
+  name: "Uzbek - o‘zbek",
+  code: "uz"
+}, {
+  name: "Vietnamese - Tiếng Việt",
+  code: "vi"
+}, {
+  name: "Walloon - wa",
+  code: "wa"
+}, {
+  name: "Welsh - Cymraeg",
+  code: "cy"
+}, {
+  name: "Western Frisian",
+  code: "fy"
+}, {
+  name: "Xhosa",
+  code: "xh"
+}, {
+  name: "Yiddish",
+  code: "yi"
+}, {
+  name: "Yoruba - Èdè Yorùbá",
+  code: "yo"
+}, {
+  name: "Zulu - isiZulu",
+  code: "zu"
+}];

package/lib/shared/helpers/index.js

@@ -0,0 +1,2 @@
+export { FakeLink } from "./FakeLink";
+export { isEqual } from "./isEqual";

package/lib/shared/helpers/isEqual.js

@@ -0,0 +1,56 @@
+var _isEqual = function isEqual(first, second) {
+  if (first === second) {
+    return true;
+  }
+  if ((first === undefined || second === undefined || first === null || second === null) && (first || second)) {
+    return false;
+  }
+  var firstType = first === null || first === void 0 ? void 0 : first.constructor.name;
+  var secondType = second === null || second === void 0 ? void 0 : second.constructor.name;
+  if (firstType !== secondType) {
+    return false;
+  }
+  if (firstType === 'Array') {
+    if (first.length !== second.length) {
+      return false;
+    }
+    var equal = true;
+    for (var i = 0; i < first.length; i++) {
+      if (!_isEqual(first[i], second[i])) {
+        equal = false;
+        break;
+      }
+    }
+    return equal;
+  }
+  if (firstType === 'Object') {
+    var _equal = true;
+    var fKeys = Object.keys(first);
+    var sKeys = Object.keys(second);
+    if (fKeys.length !== sKeys.length) {
+      return false;
+    }
+    for (var _i = 0; _i < fKeys.length; _i++) {
+      if (first[fKeys[_i]] && second[fKeys[_i]]) {
+        if (first[fKeys[_i]] === second[fKeys[_i]]) {
+          continue; // eslint-disable-line
+        }
+        if (first[fKeys[_i]] && (first[fKeys[_i]].constructor.name === 'Array' || first[fKeys[_i]].constructor.name === 'Object')) {
+          _equal = _isEqual(first[fKeys[_i]], second[fKeys[_i]]);
+          if (!_equal) {
+            break;
+          }
+        } else if (first[fKeys[_i]] !== second[fKeys[_i]]) {
+          _equal = false;
+          break;
+        }
+      } else if (first[fKeys[_i]] && !second[fKeys[_i]] || !first[fKeys[_i]] && second[fKeys[_i]]) {
+        _equal = false;
+        break;
+      }
+    }
+    return _equal;
+  }
+  return first === second;
+};
+export { _isEqual as isEqual };

package/lib/shared/index.js

@@ -0,0 +1 @@
+export { Avatar, Badge, Button, Breadcrumb, Cover, Command, Cartel, Calendar, CalendarDay, CalendarWeek, Container, DateTime, Disclosure, Dropdown, Form, GroupItems, Heading, Icon, Image, Input, Layout, Loader, List, Modal, Notification, Popover, Person, RadioGroup, Search, Select, SlideOver, Stepper, Switch, Tab, Table, Video, Uploader, Slider, Sidebar, Tooltip, QRCode, TextList, Debug, ColorChecker, Checkbox } from "./components";

package/lib/shared/stories/components/Avatar.stories.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { Avatar } from "../../components";
+import "../../../../styles/index.css";
+export default {
+  component: Avatar,
+  title: 'Components / Avatar'
+};
+export var Default = function Default(args) {
+  return /*#__PURE__*/React.createElement(Avatar, args);
+};
+
+// Default.parameters = {
+//   design: {
+//     type: 'figma',
+//     url: 'https://www.figma.com/file/vkIFRuwbONhF3qrGI7bHvL/App?node-id=971%3A68'
+//   }
+// };

package/lib/shared/stories/components/Badge.stories.dev.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import { Badge } from "../../components/Badge";
+import "../../../../styles/index.css";
+export default {
+  component: Badge,
+  title: 'Development / Badge',
+  argTypes: {
+    title: {
+      type: {
+        summary: 'string'
+      },
+      defaultValue: 'Badge'
+    },
+    size: {
+      type: {
+        summary: 'string'
+      },
+      defaultValue: 'small'
+    },
+    variant: {
+      type: {
+        summary: 'string'
+      },
+      defaultValue: 'indigo'
+    }
+  }
+};
+export var Default = function Default(args) {
+  return /*#__PURE__*/React.createElement(React.Fragment, null);
+};
+
+// Default.parameters = {
+//   design: {
+//     type: 'figma',
+//     url: 'https://www.figma.com/file/vkIFRuwbONhF3qrGI7bHvL/App?node-id=2%3A129'
+//   }
+// };