"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.IOTagVSpacing = exports.IOTagHSpacing = exports.IOSpacingScale = exports.IOSpacing = exports.IOSpacer = exports.IOModuleIDPVSpacing = exports.IOModuleIDPSavedVSpacing = exports.IOModuleIDPHSpacing = exports.IOListItemLogoMargin = exports.IOBannerBigSpacing = exports.IOBadgeVSpacing = exports.IOBadgeHSpacing = exports.IOAppMargin = exports.IOAlertSpacing = void 0;
/*
SPACING SCALE
Every margin/padding used by different components 
should use a value defined in the following scale.
*/

const IOSpacingScale = exports.IOSpacingScale = [4, 6, 8, 12, 16, 20, 24, 28, 32, 40, 48, 56, 64, 72, 80, 96];
// Values used in the new `<Spacer>` and `<Stack>` components
const IOSpacer = exports.IOSpacer = [4, 8, 12, 16, 24, 32, 40, 48];
// Margin values used in the new `<ContentWrapper>` component
const IOAppMargin = exports.IOAppMargin = [8, 16, 24, 32, 48];
// Values used in the `<Alert>` component
const IOAlertSpacing = exports.IOAlertSpacing = [16, 24];

// Values used in the `<Banner>` component

const IOBannerBigSpacing = exports.IOBannerBigSpacing = 16;

// Values used in the `<Tag>` component

const IOTagHSpacing = exports.IOTagHSpacing = 8;
const IOTagVSpacing = exports.IOTagVSpacing = 6;

// Values used in the `<Badge>` component

const IOBadgeHSpacing = exports.IOBadgeHSpacing = 8;
const IOBadgeVSpacing = exports.IOBadgeVSpacing = 4;

// Values used in the `<ModuleIDP>` component

const IOModuleIDPHSpacing = exports.IOModuleIDPHSpacing = 16;
const IOModuleIDPVSpacing = exports.IOModuleIDPVSpacing = 16;
const IOModuleIDPSavedVSpacing = exports.IOModuleIDPSavedVSpacing = 24;
const IOListItemLogoMargin = exports.IOListItemLogoMargin = 8;

/*
░░░ SPACING CONSTANTS ░░░
*/

const spacingConstantKeys = ["screenEndMargin"];
const IOSpacing = exports.IOSpacing = {
  screenEndMargin: 32
};
//# sourceMappingURL=IOSpacing.js.map