@spaced-out/ui-design-system 0.1.56 → 0.1.58

package/lib/styles/variables/_font.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.fontWeightMedium = exports.fontWeightBook = exports.fontTextDecorationNone = exports.fontTextCaseNone = exports.fontSize46 = exports.fontSize26 = exports.fontSize18 = exports.fontSize16 = exports.fontSize14 = exports.fontSize13 = exports.fontSize12 = exports.fontParagraphSpacing0 = exports.fontLineHeight170 = exports.fontLineHeight150 = exports.fontLineHeight140 = exports.fontLineHeight130 = exports.fontLineHeight120 = exports.fontLineHeight100 = exports.fontLetterSpacingMinus4 = exports.fontLetterSpacingMinus2 = exports.fontLetterSpacingMinus1 = exports.fontLetterSpacing4 = exports.fontLetterSpacing2 = exports.fontLetterSpacing1 = exports.fontLetterSpacing0 = exports.fontFamilyCentra = void 0;
+exports.fontWeightMedium = exports.fontWeightBook = exports.fontTextDecorationNone = exports.fontTextCaseNone = exports.fontSize46 = exports.fontSize26 = exports.fontSize24 = exports.fontSize18 = exports.fontSize16 = exports.fontSize14 = exports.fontSize13 = exports.fontSize12 = exports.fontParagraphSpacing0 = exports.fontLineHeight170 = exports.fontLineHeight150 = exports.fontLineHeight140 = exports.fontLineHeight130 = exports.fontLineHeight125 = exports.fontLineHeight120 = exports.fontLineHeight100 = exports.fontLetterSpacingMinus4 = exports.fontLetterSpacingMinus2 = exports.fontLetterSpacingMinus1 = exports.fontLetterSpacing4 = exports.fontLetterSpacing2 = exports.fontLetterSpacing1 = exports.fontLetterSpacing0 = exports.fontFamilyCentra = void 0;
 
 const fontFamilyCentra = '"Centra No2"';
 exports.fontFamilyCentra = fontFamilyCentra;
@@ -21,6 +21,8 @@ const fontSize16 = '16px';
 exports.fontSize16 = fontSize16;
 const fontSize18 = '18px';
 exports.fontSize18 = fontSize18;
+const fontSize24 = '24px';
+exports.fontSize24 = fontSize24;
 const fontSize26 = '26px';
 exports.fontSize26 = fontSize26;
 const fontSize46 = '46px';
@@ -43,6 +45,8 @@ const fontLineHeight100 = '100%';
 exports.fontLineHeight100 = fontLineHeight100;
 const fontLineHeight120 = '120%';
 exports.fontLineHeight120 = fontLineHeight120;
+const fontLineHeight125 = '125%';
+exports.fontLineHeight125 = fontLineHeight125;
 const fontLineHeight130 = '130%';
 exports.fontLineHeight130 = fontLineHeight130;
 const fontLineHeight140 = '140%';

package/lib/styles/variables/_font.js.flow

@@ -16,6 +16,8 @@ export const fontSize16 = '16px';
 
 export const fontSize18 = '18px';
 
+export const fontSize24 = '24px';
+
 export const fontSize26 = '26px';
 
 export const fontSize46 = '46px';
@@ -38,6 +40,8 @@ export const fontLineHeight100 = '100%';
 
 export const fontLineHeight120 = '120%';
 
+export const fontLineHeight125 = '125%';
+
 export const fontLineHeight130 = '130%';
 
 export const fontLineHeight140 = '140%';

package/lib/styles/variables/_size.css

@@ -58,6 +58,8 @@
 
 @value size240: 240px;
 
+@value size252: 252px;
+
 @value size260: 260px;
 
 @value size276: 276px;

package/lib/styles/variables/_size.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.sizeFullViewportWidth = exports.sizeFullViewportHeight = exports.sizeFluid = exports.size960 = exports.size90 = exports.size8 = exports.size720 = exports.size70 = exports.size640 = exports.size60 = exports.size580 = exports.size58 = exports.size500 = exports.size50 = exports.size5 = exports.size480 = exports.size48 = exports.size42 = exports.size400 = exports.size40 = exports.size4 = exports.size380 = exports.size38 = exports.size36 = exports.size34 = exports.size320 = exports.size300 = exports.size30 = exports.size276 = exports.size260 = exports.size26 = exports.size240 = exports.size24 = exports.size228 = exports.size22 = exports.size20 = exports.size2 = exports.size18 = exports.size160 = exports.size140 = exports.size125 = exports.size12 = exports.size110 = exports.size100 = exports.size10 = void 0;
+exports.sizeFullViewportWidth = exports.sizeFullViewportHeight = exports.sizeFluid = exports.size960 = exports.size90 = exports.size8 = exports.size720 = exports.size70 = exports.size640 = exports.size60 = exports.size580 = exports.size58 = exports.size500 = exports.size50 = exports.size5 = exports.size480 = exports.size48 = exports.size42 = exports.size400 = exports.size40 = exports.size4 = exports.size380 = exports.size38 = exports.size36 = exports.size34 = exports.size320 = exports.size300 = exports.size30 = exports.size276 = exports.size260 = exports.size26 = exports.size252 = exports.size240 = exports.size24 = exports.size228 = exports.size22 = exports.size20 = exports.size2 = exports.size18 = exports.size160 = exports.size140 = exports.size125 = exports.size12 = exports.size110 = exports.size100 = exports.size10 = void 0;
 
 const size2 = '2px';
 exports.size2 = size2;
@@ -65,6 +65,8 @@ const size228 = '228px';
 exports.size228 = size228;
 const size240 = '240px';
 exports.size240 = size240;
+const size252 = '252px';
+exports.size252 = size252;
 const size260 = '260px';
 exports.size260 = size260;
 const size276 = '276px';

package/lib/styles/variables/_size.js.flow

@@ -60,6 +60,8 @@ export const size228 = '228px';
 
 export const size240 = '240px';
 
+export const size252 = '252px';
+
 export const size260 = '260px';
 
 export const size276 = '276px';

package/lib/types/common.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ALERT_SEMANTIC = void 0;
+
+const ALERT_SEMANTIC = Object.freeze({
+  neutral: 'neutral',
+  success: 'success',
+  information: 'information',
+  warning: 'warning',
+  danger: 'danger'
+});
+exports.ALERT_SEMANTIC = ALERT_SEMANTIC;

package/lib/types/common.js.flow

@@ -1,3 +1,13 @@
 // @flow strict
 
 export type GroupAlign = 'vertical' | 'horizontal-fixed' | 'horizontal-fluid';
+
+export const ALERT_SEMANTIC = Object.freeze({
+  neutral: 'neutral',
+  success: 'success',
+  information: 'information',
+  warning: 'warning',
+  danger: 'danger',
+});
+
+export type AlertSemanticType = $Values<typeof ALERT_SEMANTIC>;

package/lib/utils/array/are-arrays-equal.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.areArraysEqual = areArraysEqual;
+
+function areArraysEqual(array1, array2) {
+  let itemComparer = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : (a, b) => a === b;
+  return array1.length === array2.length && array1.every((value, index) => itemComparer(value, array2[index]));
+}

package/lib/utils/array/are-arrays-equal.js.flow

@@ -0,0 +1,14 @@
+// @flow strict
+
+type ItemComparer<Item> = (a: Item, b: Item) => boolean;
+
+export function areArraysEqual<Item>(
+  array1: Item[],
+  array2: Item[],
+  itemComparer: ItemComparer<Item> = (a, b) => a === b,
+): boolean {
+  return (
+    array1.length === array2.length &&
+    array1.every((value, index) => itemComparer(value, array2[index]))
+  );
+}

package/lib/utils/array/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _areArraysEqual = require("./are-arrays-equal");
+Object.keys(_areArraysEqual).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _areArraysEqual[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _areArraysEqual[key];
+    }
+  });
+});

package/lib/utils/array/index.js.flow

@@ -0,0 +1,3 @@
+// @flow strict
+
+export * from './are-arrays-equal';

package/lib/utils/index.js

@@ -3,6 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _array = require("./array");
+Object.keys(_array).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _array[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _array[key];
+    }
+  });
+});
 var _classify = require("./classify");
 Object.keys(_classify).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/lib/utils/index.js.flow

@@ -1,5 +1,6 @@
 // @flow strict
 
+export * from './array';
 export * from './classify';
 export * from './click-away';
 export * from './dom';

package/package.json

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