@blend-ui/core/dist/esm/theme/sizes.js

Blend core cmponents

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = exports.baseSizes = void 0;

function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

/*
export const baseSizes = {
  px: "1px",
  "0": "0",
  "1": "0.25rem",
  "2": "0.5rem",
  "3": "0.75rem",
  "4": "1rem",
  "5": "1.25rem",
  "6": "1.5rem",
  "8": "2rem",
  "10": "2.5rem",
  "12": "3rem",
  "16": "4rem",
  "20": "5rem",
  "24": "6rem",
  "32": "8rem",
  "40": "10rem",
  "48": "12rem",
  "56": "14rem",
  "64": "16rem",
  "128": "32rem",
};
*/
var baseSizes = {
  px: "1px",
  "1": "0.0625rem",
  "2": "0.125rem",
  "3": "0.1875rem",
  "4": "0.25rem",
  "5": "0.3125rem",
  "6": "0.375rem",
  "7": "0.4375rem",
  "8": "0.5rem",
  "8.5": "0.5313rem",
  "9": "0.5625rem",
  "10": "0.625rem",
  "11": "0.6875rem",
  "12": "0.75rem",
  "13": "0.8125rem",
  "14": "0.875rem",
  "15": "0.9375rem",
  "16": "1rem",
  "18": "1.125rem",
  "20": "1.25rem",
  "22": "1.375rem",
  "24": "1.5rem",
  "26": "1.625rem",
  "28": "1.75rem",
  "30": "1.875rem",
  "32": "2rem",
  "34": "2.125rem",
  "36": "2.25rem",
  "38": "2.375rem",
  "40": "2.5rem",
  "48": "3rem",
  "50": "3.125rem",
  "60": "3.75rem",
  "64": "4rem",
  "70": "4.375rem",
  "80": "5rem",
  "90": "5.625rem",
  "100": "6.25rem",
  "128": "8rem"
};
exports.baseSizes = baseSizes;
var largeSizes = {
  full: "100%",
  "3xs": "14rem",
  "2xs": "16rem",
  xs: "20rem",
  sm: "24rem",
  md: "28rem",
  lg: "32rem",
  xl: "36rem",
  "2xl": "42rem",
  "3xl": "48rem",
  "4xl": "56rem",
  "5xl": "64rem",
  "6xl": "72rem"
};
var containers = {
  sm: "640px",
  md: "768px",
  lg: "1024px",
  xl: "1280px"
};
var borderWidths = {
  xl: "2rem",
  lg: "1rem",
  md: "0.5rem",
  sm: "0.25rem",
  xs: "0.125rem",
  "2xs": "0.0625rem",
  none: 0
};
var buttonSizes = {
  xs: {
    fontSize: baseSizes[12]
  },
  sm: {
    fontSize: baseSizes[14]
  },
  md: {
    fontSize: baseSizes[16]
  },
  lg: {
    fontSize: baseSizes[18]
  },
  xl: {
    fontSize: baseSizes[18]
  }
};

var sizes = _objectSpread(_objectSpread(_objectSpread({}, baseSizes), largeSizes), {}, {
  containers: containers,
  borderWidths: borderWidths,
  buttonSizes: buttonSizes
});

var _default = sizes;
exports["default"] = _default;