@spaced-out/ui-design-system 0.1.67 → 0.1.69

package/lib/styles/index.js.flow

@@ -84,6 +84,14 @@ export const colorTooltipFill = 'rgba(23, 23, 42, 0.95)';
 
 export const colorBackdropFill = 'rgba(23, 23, 42, 0.7)';
 
+export const colorButtonFillTableActionEnabled = '#542fbb';
+
+export const colorButtonFillTableActionHovered = '#412592';
+
+export const colorButtonFillTableActionPressed = '#412592';
+
+export const colorButtonFillTableActionBorder = '#7d5dd7';
+
 export const colorButtonFillPrimaryEnabled = '#5c34cd';
 
 export const colorButtonFillPrimaryHovered = '#412592';
@@ -424,6 +432,8 @@ export const size720 = '720px';
 
 export const size960 = '960px';
 
+export const size1280 = '1280px';
+
 export const sizeFluid = '100%';
 
 export const sizeFullViewportHeight = '100vh';

package/lib/styles/variables/_color.css

@@ -58,6 +58,14 @@
 
 @value colorBackdropFill: rgba(23, 23, 42, 0.7);
 
+@value colorButtonFillTableActionEnabled: #542fbb;
+
+@value colorButtonFillTableActionHovered: #412592;
+
+@value colorButtonFillTableActionPressed: #412592;
+
+@value colorButtonFillTableActionBorder: #7d5dd7;
+
 @value colorButtonFillPrimaryEnabled: #5c34cd;
 
 @value colorButtonFillPrimaryHovered: #412592;

package/lib/styles/variables/_color.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.colorWarningLightest = exports.colorWarningLight = exports.colorWarningDarkest = exports.colorWarningDark = exports.colorWarning = exports.colorTooltipFill = exports.colorTextWarning = exports.colorTextTertiary = exports.colorTextSuccess = exports.colorTextSecondary = exports.colorTextPrimary = exports.colorTextNeutral = exports.colorTextInverseSecondary = exports.colorTextInversePrimary = exports.colorTextInformation = exports.colorTextFavorite = exports.colorTextDisabled = exports.colorTextDanger = exports.colorTextClickable = exports.colorSuccessLightest = exports.colorSuccessLight = exports.colorSuccessDarkest = exports.colorSuccessDark = exports.colorSuccess = exports.colorSubMenuStar = exports.colorSubMenuBackgroundDefault = exports.colorSideMenuIconDefault = exports.colorSideMenuIconActive = exports.colorNeutralLightest = exports.colorNeutralLight = exports.colorNeutralDarkest = exports.colorNeutralDark = exports.colorNeutral = exports.colorInformationLightest = exports.colorInformationLight = exports.colorInformationDarkest = exports.colorInformationDark = exports.colorInformation = exports.colorGrayLightest = exports.colorFocusPrimary = exports.colorFocusDanger = exports.colorFillSecondary = exports.colorFillPrimary = exports.colorFillNone = exports.colorFillInversePrimary = exports.colorFillDisabled = exports.colorDangerLightest = exports.colorDangerLight = exports.colorDangerDarkest = exports.colorDangerDark = exports.colorDanger = exports.colorButtonFillTertiaryPressed = exports.colorButtonFillTertiaryHovered = exports.colorButtonFillTertiaryEnabled = exports.colorButtonFillSecondaryPressed = exports.colorButtonFillSecondaryHovered = exports.colorButtonFillSecondaryEnabled = exports.colorButtonFillPrimaryPressed = exports.colorButtonFillPrimaryHovered = exports.colorButtonFillPrimaryEnabled = exports.colorButtonFillGhostPressed = exports.colorButtonFillGhostHovered = exports.colorButtonFillGhostEnabled = exports.colorButtonFillDangerPressed = exports.colorButtonFillDangerHovered = exports.colorButtonFillDangerEnabled = exports.colorBorderTertiary = exports.colorBorderSecondary = exports.colorBorderPrimary = exports.colorBorderDanger = exports.colorBackgroundTertiary = exports.colorBackgroundSecondary = exports.colorBackgroundPrimary = exports.colorBackgroundBrand = exports.colorBackdropFill = void 0;
+exports.colorWarningLightest = exports.colorWarningLight = exports.colorWarningDarkest = exports.colorWarningDark = exports.colorWarning = exports.colorTooltipFill = exports.colorTextWarning = exports.colorTextTertiary = exports.colorTextSuccess = exports.colorTextSecondary = exports.colorTextPrimary = exports.colorTextNeutral = exports.colorTextInverseSecondary = exports.colorTextInversePrimary = exports.colorTextInformation = exports.colorTextFavorite = exports.colorTextDisabled = exports.colorTextDanger = exports.colorTextClickable = exports.colorSuccessLightest = exports.colorSuccessLight = exports.colorSuccessDarkest = exports.colorSuccessDark = exports.colorSuccess = exports.colorSubMenuStar = exports.colorSubMenuBackgroundDefault = exports.colorSideMenuIconDefault = exports.colorSideMenuIconActive = exports.colorNeutralLightest = exports.colorNeutralLight = exports.colorNeutralDarkest = exports.colorNeutralDark = exports.colorNeutral = exports.colorInformationLightest = exports.colorInformationLight = exports.colorInformationDarkest = exports.colorInformationDark = exports.colorInformation = exports.colorGrayLightest = exports.colorFocusPrimary = exports.colorFocusDanger = exports.colorFillSecondary = exports.colorFillPrimary = exports.colorFillNone = exports.colorFillInversePrimary = exports.colorFillDisabled = exports.colorDangerLightest = exports.colorDangerLight = exports.colorDangerDarkest = exports.colorDangerDark = exports.colorDanger = exports.colorButtonFillTertiaryPressed = exports.colorButtonFillTertiaryHovered = exports.colorButtonFillTertiaryEnabled = exports.colorButtonFillTableActionPressed = exports.colorButtonFillTableActionHovered = exports.colorButtonFillTableActionEnabled = exports.colorButtonFillTableActionBorder = exports.colorButtonFillSecondaryPressed = exports.colorButtonFillSecondaryHovered = exports.colorButtonFillSecondaryEnabled = exports.colorButtonFillPrimaryPressed = exports.colorButtonFillPrimaryHovered = exports.colorButtonFillPrimaryEnabled = exports.colorButtonFillGhostPressed = exports.colorButtonFillGhostHovered = exports.colorButtonFillGhostEnabled = exports.colorButtonFillDangerPressed = exports.colorButtonFillDangerHovered = exports.colorButtonFillDangerEnabled = exports.colorBorderTertiary = exports.colorBorderSecondary = exports.colorBorderPrimary = exports.colorBorderDanger = exports.colorBackgroundTertiary = exports.colorBackgroundSecondary = exports.colorBackgroundPrimary = exports.colorBackgroundBrand = exports.colorBackdropFill = void 0;
 
 const colorTextPrimary = '#17172A';
 exports.colorTextPrimary = colorTextPrimary;
@@ -65,6 +65,14 @@ const colorTooltipFill = 'rgba(23, 23, 42, 0.95)';
 exports.colorTooltipFill = colorTooltipFill;
 const colorBackdropFill = 'rgba(23, 23, 42, 0.7)';
 exports.colorBackdropFill = colorBackdropFill;
+const colorButtonFillTableActionEnabled = '#542fbb';
+exports.colorButtonFillTableActionEnabled = colorButtonFillTableActionEnabled;
+const colorButtonFillTableActionHovered = '#412592';
+exports.colorButtonFillTableActionHovered = colorButtonFillTableActionHovered;
+const colorButtonFillTableActionPressed = '#412592';
+exports.colorButtonFillTableActionPressed = colorButtonFillTableActionPressed;
+const colorButtonFillTableActionBorder = '#7d5dd7';
+exports.colorButtonFillTableActionBorder = colorButtonFillTableActionBorder;
 const colorButtonFillPrimaryEnabled = '#5c34cd';
 exports.colorButtonFillPrimaryEnabled = colorButtonFillPrimaryEnabled;
 const colorButtonFillPrimaryHovered = '#412592';

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

@@ -60,6 +60,14 @@ export const colorTooltipFill = 'rgba(23, 23, 42, 0.95)';
 
 export const colorBackdropFill = 'rgba(23, 23, 42, 0.7)';
 
+export const colorButtonFillTableActionEnabled = '#542fbb';
+
+export const colorButtonFillTableActionHovered = '#412592';
+
+export const colorButtonFillTableActionPressed = '#412592';
+
+export const colorButtonFillTableActionBorder = '#7d5dd7';
+
 export const colorButtonFillPrimaryEnabled = '#5c34cd';
 
 export const colorButtonFillPrimaryHovered = '#412592';

package/lib/styles/variables/_size.css

@@ -84,6 +84,8 @@
 
 @value size960: 960px;
 
+@value size1280: 1280px;
+
 @value sizeFluid: 100%;
 
 @value sizeFullViewportHeight: 100vh;

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.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;
+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.size1280 = exports.size125 = exports.size12 = exports.size110 = exports.size100 = exports.size10 = void 0;
 
 const size2 = '2px';
 exports.size2 = size2;
@@ -91,6 +91,8 @@ const size720 = '720px';
 exports.size720 = size720;
 const size960 = '960px';
 exports.size960 = size960;
+const size1280 = '1280px';
+exports.size1280 = size1280;
 const sizeFluid = '100%';
 exports.sizeFluid = sizeFluid;
 const sizeFullViewportHeight = '100vh';

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

@@ -86,6 +86,8 @@ export const size720 = '720px';
 
 export const size960 = '960px';
 
+export const size1280 = '1280px';
+
 export const sizeFluid = '100%';
 
 export const sizeFullViewportHeight = '100vh';

package/package.json

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