@spaced-out/ui-design-system 0.1.66 → 0.1.68
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.cspell/custom-words.txt +2 -0
- package/CHANGELOG.md +26 -0
- package/design-tokens/color/app-color.json +14 -0
- package/design-tokens/size/base-size.json +3 -0
- package/lib/components/Button/Button.js +2 -2
- package/lib/components/Button/Button.js.flow +3 -3
- package/lib/components/CircularLoader/CircularLoader.module.css +18 -14
- package/lib/components/Icon/SemanticIcon.js +1 -0
- package/lib/components/Icon/SemanticIcon.js.flow +6 -1
- package/lib/components/SideMenuLink/SideMenuLink.js +23 -34
- package/lib/components/SideMenuLink/SideMenuLink.js.flow +8 -19
- package/lib/components/Table/Table.docs.js +514 -0
- package/lib/components/Table/Table.docs.js.flow +476 -0
- package/lib/components/Table/TableActionBar.js +37 -3
- package/lib/components/Table/TableActionBar.js.flow +27 -0
- package/lib/components/Table/TableBar.module.css +22 -2
- package/lib/components/Tooltip/Tooltip.js +17 -3
- package/lib/components/Tooltip/Tooltip.js.flow +19 -2
- package/lib/styles/index.css +10 -0
- package/lib/styles/index.js +13 -3
- package/lib/styles/index.js.flow +10 -0
- package/lib/styles/variables/_color.css +8 -0
- package/lib/styles/variables/_color.js +9 -1
- package/lib/styles/variables/_color.js.flow +8 -0
- package/lib/styles/variables/_size.css +2 -0
- package/lib/styles/variables/_size.js +3 -1
- package/lib/styles/variables/_size.js.flow +2 -0
- package/package.json +1 -1
package/lib/styles/index.css
CHANGED
|
@@ -82,6 +82,14 @@
|
|
|
82
82
|
|
|
83
83
|
@value colorBackdropFill: rgba(23, 23, 42, 0.7);
|
|
84
84
|
|
|
85
|
+
@value colorButtonFillTableActionEnabled: #542fbb;
|
|
86
|
+
|
|
87
|
+
@value colorButtonFillTableActionHovered: #412592;
|
|
88
|
+
|
|
89
|
+
@value colorButtonFillTableActionPressed: #412592;
|
|
90
|
+
|
|
91
|
+
@value colorButtonFillTableActionBorder: #7d5dd7;
|
|
92
|
+
|
|
85
93
|
@value colorButtonFillPrimaryEnabled: #5c34cd;
|
|
86
94
|
|
|
87
95
|
@value colorButtonFillPrimaryHovered: #412592;
|
|
@@ -422,6 +430,8 @@
|
|
|
422
430
|
|
|
423
431
|
@value size960: 960px;
|
|
424
432
|
|
|
433
|
+
@value size1280: 1280px;
|
|
434
|
+
|
|
425
435
|
@value sizeFluid: 100%;
|
|
426
436
|
|
|
427
437
|
@value sizeFullViewportHeight: 100vh;
|
package/lib/styles/index.js
CHANGED
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
7
|
-
exports.
|
|
8
|
-
exports.spaceXXSmall = exports.spaceXXLarge = exports.spaceXSmall = exports.spaceXLarge = exports.spaceSmall = exports.spaceNone = exports.spaceNegHalfFluid = exports.spaceNegFluid = exports.spaceMedium = exports.spaceLarge = exports.spaceHalfFluid = exports.spaceFluid = 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 = void 0;
|
|
6
|
+
exports.fontLetterSpacing0 = exports.fontFamilyCentra = exports.elevationTooltip = exports.elevationToast = exports.elevationNone = exports.elevationModal = exports.elevationMenu = exports.elevationCard = exports.elevationBackdrop = 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 = exports.borderWidthTertiary = exports.borderWidthSecondary = exports.borderWidthPrimary = exports.borderWidthNone = exports.borderRadiusXSmall = exports.borderRadiusXLarge = exports.borderRadiusSmall = exports.borderRadiusRadioButton = exports.borderRadiusNone = exports.borderRadiusMedium = exports.borderRadiusLarge = exports.borderRadiusCircle = void 0;
|
|
7
|
+
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 = exports.shadowBoxShadow4Y = exports.shadowBoxShadow4X = exports.shadowBoxShadow4Type = exports.shadowBoxShadow4Spread = exports.shadowBoxShadow4Color = exports.shadowBoxShadow4Blur = exports.shadowBoxShadow3Y = exports.shadowBoxShadow3X = exports.shadowBoxShadow3Type = exports.shadowBoxShadow3Spread = exports.shadowBoxShadow3Color = exports.shadowBoxShadow3Blur = exports.shadowBoxShadow2Y = exports.shadowBoxShadow2X = exports.shadowBoxShadow2Type = exports.shadowBoxShadow2Spread = exports.shadowBoxShadow2Color = exports.shadowBoxShadow2Blur = exports.shadowBoxShadow1Y = exports.shadowBoxShadow1X = exports.shadowBoxShadow1Type = exports.shadowBoxShadow1Spread = exports.shadowBoxShadow1Color = exports.shadowBoxShadow1Blur = exports.opacity95 = exports.opacity90 = exports.opacity85 = exports.opacity80 = exports.opacity70 = exports.opacity60 = exports.opacity50 = exports.opacity5 = exports.opacity40 = exports.opacity30 = exports.opacity20 = exports.opacity15 = exports.opacity100 = exports.opacity10 = exports.opacity0 = exports.motionEaseInEaseOut = exports.motionDurationSlowest = exports.motionDurationSlower = exports.motionDurationSlow = exports.motionDurationNormal = exports.motionDurationFast = exports.fontWeightMedium = exports.fontWeightBook = exports.fontTextDecorationNone = exports.fontTextCaseNone = exports.fontSize46 = exports.fontSize36 = 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.fontLetterSpacingMinus3 = exports.fontLetterSpacingMinus2 = exports.fontLetterSpacingMinus1 = exports.fontLetterSpacing4 = exports.fontLetterSpacing2 = exports.fontLetterSpacing1 = void 0;
|
|
8
|
+
exports.spaceXXSmall = exports.spaceXXLarge = exports.spaceXSmall = exports.spaceXLarge = exports.spaceSmall = exports.spaceNone = exports.spaceNegHalfFluid = exports.spaceNegFluid = exports.spaceMedium = exports.spaceLarge = exports.spaceHalfFluid = exports.spaceFluid = 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 = void 0;
|
|
9
9
|
|
|
10
10
|
const borderWidthNone = '0px';
|
|
11
11
|
exports.borderWidthNone = borderWidthNone;
|
|
@@ -91,6 +91,14 @@ const colorTooltipFill = 'rgba(23, 23, 42, 0.95)';
|
|
|
91
91
|
exports.colorTooltipFill = colorTooltipFill;
|
|
92
92
|
const colorBackdropFill = 'rgba(23, 23, 42, 0.7)';
|
|
93
93
|
exports.colorBackdropFill = colorBackdropFill;
|
|
94
|
+
const colorButtonFillTableActionEnabled = '#542fbb';
|
|
95
|
+
exports.colorButtonFillTableActionEnabled = colorButtonFillTableActionEnabled;
|
|
96
|
+
const colorButtonFillTableActionHovered = '#412592';
|
|
97
|
+
exports.colorButtonFillTableActionHovered = colorButtonFillTableActionHovered;
|
|
98
|
+
const colorButtonFillTableActionPressed = '#412592';
|
|
99
|
+
exports.colorButtonFillTableActionPressed = colorButtonFillTableActionPressed;
|
|
100
|
+
const colorButtonFillTableActionBorder = '#7d5dd7';
|
|
101
|
+
exports.colorButtonFillTableActionBorder = colorButtonFillTableActionBorder;
|
|
94
102
|
const colorButtonFillPrimaryEnabled = '#5c34cd';
|
|
95
103
|
exports.colorButtonFillPrimaryEnabled = colorButtonFillPrimaryEnabled;
|
|
96
104
|
const colorButtonFillPrimaryHovered = '#412592';
|
|
@@ -431,6 +439,8 @@ const size720 = '720px';
|
|
|
431
439
|
exports.size720 = size720;
|
|
432
440
|
const size960 = '960px';
|
|
433
441
|
exports.size960 = size960;
|
|
442
|
+
const size1280 = '1280px';
|
|
443
|
+
exports.size1280 = size1280;
|
|
434
444
|
const sizeFluid = '100%';
|
|
435
445
|
exports.sizeFluid = sizeFluid;
|
|
436
446
|
const sizeFullViewportHeight = '100vh';
|
package/lib/styles/index.js.flow
CHANGED
|
@@ -84,6 +84,14 @@ export const colorTooltipFill = 'rgba(23, 23, 42, 0.95)';
|
|
|
84
84
|
|
|
85
85
|
export const colorBackdropFill = 'rgba(23, 23, 42, 0.7)';
|
|
86
86
|
|
|
87
|
+
export const colorButtonFillTableActionEnabled = '#542fbb';
|
|
88
|
+
|
|
89
|
+
export const colorButtonFillTableActionHovered = '#412592';
|
|
90
|
+
|
|
91
|
+
export const colorButtonFillTableActionPressed = '#412592';
|
|
92
|
+
|
|
93
|
+
export const colorButtonFillTableActionBorder = '#7d5dd7';
|
|
94
|
+
|
|
87
95
|
export const colorButtonFillPrimaryEnabled = '#5c34cd';
|
|
88
96
|
|
|
89
97
|
export const colorButtonFillPrimaryHovered = '#412592';
|
|
@@ -424,6 +432,8 @@ export const size720 = '720px';
|
|
|
424
432
|
|
|
425
433
|
export const size960 = '960px';
|
|
426
434
|
|
|
435
|
+
export const size1280 = '1280px';
|
|
436
|
+
|
|
427
437
|
export const sizeFluid = '100%';
|
|
428
438
|
|
|
429
439
|
export const sizeFullViewportHeight = '100vh';
|
|
@@ -58,6 +58,14 @@
|
|
|
58
58
|
|
|
59
59
|
@value colorBackdropFill: rgba(23, 23, 42, 0.7);
|
|
60
60
|
|
|
61
|
+
@value colorButtonFillTableActionEnabled: #542fbb;
|
|
62
|
+
|
|
63
|
+
@value colorButtonFillTableActionHovered: #412592;
|
|
64
|
+
|
|
65
|
+
@value colorButtonFillTableActionPressed: #412592;
|
|
66
|
+
|
|
67
|
+
@value colorButtonFillTableActionBorder: #7d5dd7;
|
|
68
|
+
|
|
61
69
|
@value colorButtonFillPrimaryEnabled: #5c34cd;
|
|
62
70
|
|
|
63
71
|
@value colorButtonFillPrimaryHovered: #412592;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
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;
|
|
6
|
+
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;
|
|
7
7
|
|
|
8
8
|
const colorTextPrimary = '#17172A';
|
|
9
9
|
exports.colorTextPrimary = colorTextPrimary;
|
|
@@ -65,6 +65,14 @@ const colorTooltipFill = 'rgba(23, 23, 42, 0.95)';
|
|
|
65
65
|
exports.colorTooltipFill = colorTooltipFill;
|
|
66
66
|
const colorBackdropFill = 'rgba(23, 23, 42, 0.7)';
|
|
67
67
|
exports.colorBackdropFill = colorBackdropFill;
|
|
68
|
+
const colorButtonFillTableActionEnabled = '#542fbb';
|
|
69
|
+
exports.colorButtonFillTableActionEnabled = colorButtonFillTableActionEnabled;
|
|
70
|
+
const colorButtonFillTableActionHovered = '#412592';
|
|
71
|
+
exports.colorButtonFillTableActionHovered = colorButtonFillTableActionHovered;
|
|
72
|
+
const colorButtonFillTableActionPressed = '#412592';
|
|
73
|
+
exports.colorButtonFillTableActionPressed = colorButtonFillTableActionPressed;
|
|
74
|
+
const colorButtonFillTableActionBorder = '#7d5dd7';
|
|
75
|
+
exports.colorButtonFillTableActionBorder = colorButtonFillTableActionBorder;
|
|
68
76
|
const colorButtonFillPrimaryEnabled = '#5c34cd';
|
|
69
77
|
exports.colorButtonFillPrimaryEnabled = colorButtonFillPrimaryEnabled;
|
|
70
78
|
const colorButtonFillPrimaryHovered = '#412592';
|
|
@@ -60,6 +60,14 @@ export const colorTooltipFill = 'rgba(23, 23, 42, 0.95)';
|
|
|
60
60
|
|
|
61
61
|
export const colorBackdropFill = 'rgba(23, 23, 42, 0.7)';
|
|
62
62
|
|
|
63
|
+
export const colorButtonFillTableActionEnabled = '#542fbb';
|
|
64
|
+
|
|
65
|
+
export const colorButtonFillTableActionHovered = '#412592';
|
|
66
|
+
|
|
67
|
+
export const colorButtonFillTableActionPressed = '#412592';
|
|
68
|
+
|
|
69
|
+
export const colorButtonFillTableActionBorder = '#7d5dd7';
|
|
70
|
+
|
|
63
71
|
export const colorButtonFillPrimaryEnabled = '#5c34cd';
|
|
64
72
|
|
|
65
73
|
export const colorButtonFillPrimaryHovered = '#412592';
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
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;
|
|
6
|
+
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;
|
|
7
7
|
|
|
8
8
|
const size2 = '2px';
|
|
9
9
|
exports.size2 = size2;
|
|
@@ -91,6 +91,8 @@ const size720 = '720px';
|
|
|
91
91
|
exports.size720 = size720;
|
|
92
92
|
const size960 = '960px';
|
|
93
93
|
exports.size960 = size960;
|
|
94
|
+
const size1280 = '1280px';
|
|
95
|
+
exports.size1280 = size1280;
|
|
94
96
|
const sizeFluid = '100%';
|
|
95
97
|
exports.sizeFluid = sizeFluid;
|
|
96
98
|
const sizeFullViewportHeight = '100vh';
|