@flodesk/grain 11.45.0 → 11.46.0

package/es/components/progress.js

@@ -1,5 +1,7 @@
 import _styled from "@emotion/styled/base";
-const _excluded = ["max", "value"];
+const _excluded = ["max", "value", "variant"];
+
+var _templateObject;
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -7,40 +9,56 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import { getColor, getTransition } from '../utilities';
+import { keyframes, css } from '@emotion/react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 const background = getColor('fade1');
 const fill = getColor('content');
 const height = '4px';
+const fadeIn = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0% { transform: translateX(-100%) }\n  100% { transform: translateX(100%) }\n"])));
 
 const Root = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e665t821"
 } : {
   target: "e665t821",
   label: "Root"
-})("position:relative;&::after{content:'';display:block;height:100%;width:var(--value);background:", fill, ";border-radius:", height, ";position:absolute;top:0;left:0;transition:", getTransition('fast'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3Byb2dyZXNzLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTdUIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvcHJvZ3Jlc3MuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuXG5jb25zdCBiYWNrZ3JvdW5kID0gZ2V0Q29sb3IoJ2ZhZGUxJyk7XG5jb25zdCBmaWxsID0gZ2V0Q29sb3IoJ2NvbnRlbnQnKTtcbmNvbnN0IGhlaWdodCA9ICc0cHgnO1xuXG5jb25zdCBSb290ID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICY6OmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgd2lkdGg6IHZhcigtLXZhbHVlKTtcbiAgICBiYWNrZ3JvdW5kOiAke2ZpbGx9O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7aGVpZ2h0fTtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuICB9XG5gO1xuXG5jb25zdCBQcm9ncmVzc1Jvb3QgPSBzdHlsZWQucHJvZ3Jlc3NgXG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIG1hcmdpbjogMDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGJhY2tncm91bmQ6ICR7YmFja2dyb3VuZH07XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgYm9yZGVyLXJhZGl1czogJHtoZWlnaHR9O1xuICBib3JkZXI6IG5vbmU7XG5cbiAgJjo6LXdlYmtpdC1wcm9ncmVzcy1iYXIge1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICB9XG4gICY6Oi1tb3otcHJvZ3Jlc3MtYmFyIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuICAmOjotd2Via2l0LXByb2dyZXNzLXZhbHVlIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFByb2dyZXNzID0gZm9yd2FyZFJlZigoeyBtYXggPSAxMDAsIHZhbHVlLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgY29uc3QgdmFsdWVTdHJpbmcgPSBgJHsodmFsdWUgLyBtYXgpICogMTAwfSVgO1xuICByZXR1cm4gKFxuICAgIDxSb290IHN0eWxlPXt7ICctLXZhbHVlJzogdmFsdWVTdHJpbmcgfX0+XG4gICAgICA8UHJvZ3Jlc3NSb290IHJlZj17cmVmfSB2YWx1ZT17dmFsdWV9IG1heD17bWF4fSB7Li4ucHJvcHN9IC8+XG4gICAgPC9Sb290PlxuICApO1xufSk7XG5cblByb2dyZXNzLnByb3BUeXBlcyA9IHtcbiAgbWF4OiBQcm9wVHlwZXMubnVtYmVyLFxuICB2YWx1ZTogUHJvcFR5cGVzLm51bWJlcixcbn07XG4iXX0= */"));
+})("position:relative;overflow:hidden;border-radius:", height, ";&::after{content:'';display:block;height:100%;background:", fill, ";border-radius:", height, ";position:absolute;top:0;left:0;", _ref => {
+  let {
+    variant
+  } = _ref;
+  return variant === 'determinate' && /*#__PURE__*/css("width:var(--value);transition:", getTransition('fast'), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Root;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3Byb2dyZXNzLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ1MiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvcHJvZ3Jlc3MuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsga2V5ZnJhbWVzLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmNvbnN0IGJhY2tncm91bmQgPSBnZXRDb2xvcignZmFkZTEnKTtcbmNvbnN0IGZpbGwgPSBnZXRDb2xvcignY29udGVudCcpO1xuY29uc3QgaGVpZ2h0ID0gJzRweCc7XG5cbmNvbnN0IGZhZGVJbiA9IGtleWZyYW1lc2BcbiAgMCUgeyB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTEwMCUpIH1cbiAgMTAwJSB7IHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMDAlKSB9XG5gO1xuXG5jb25zdCBSb290ID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBib3JkZXItcmFkaXVzOiAke2hlaWdodH07XG5cbiAgJjo6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBiYWNrZ3JvdW5kOiAke2ZpbGx9O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7aGVpZ2h0fTtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG5cbiAgICAkeyh7IHZhcmlhbnQgfSkgPT5cbiAgICAgIHZhcmlhbnQgPT09ICdkZXRlcm1pbmF0ZScgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgd2lkdGg6IHZhcigtLXZhbHVlKTtcbiAgICAgICAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuICAgICAgYH07XG5cbiAgICAkeyh7IHZhcmlhbnQgfSkgPT5cbiAgICAgIHZhcmlhbnQgPT09ICdpbmRldGVybWluYXRlJyAmJlxuICAgICAgY3NzYFxuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgYW5pbWF0aW9uOiAke2ZhZGVJbn0gMXMgaW5maW5pdGU7XG4gICAgICBgfTtcbiAgfVxuYDtcblxuY29uc3QgUHJvZ3Jlc3NSb290ID0gc3R5bGVkLnByb2dyZXNzYFxuICBhcHBlYXJhbmNlOiBub25lO1xuICBtYXJnaW46IDA7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBiYWNrZ3JvdW5kOiAke2JhY2tncm91bmR9O1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAke2hlaWdodH07XG4gIGJvcmRlci1yYWRpdXM6ICR7aGVpZ2h0fTtcbiAgYm9yZGVyOiBub25lO1xuXG4gICY6Oi13ZWJraXQtcHJvZ3Jlc3MtYmFyIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuICAmOjotbW96LXByb2dyZXNzLWJhciB7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIH1cbiAgJjo6LXdlYmtpdC1wcm9ncmVzcy12YWx1ZSB7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBQcm9ncmVzcyA9IGZvcndhcmRSZWYoXG4gICh7IG1heCA9IDEwMCwgdmFsdWUsIHZhcmlhbnQgPSAnZGV0ZXJtaW5hdGUnLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgICBjb25zdCB2YWx1ZVN0cmluZyA9IGAkeyh2YWx1ZSAvIG1heCkgKiAxMDB9JWA7XG4gICAgcmV0dXJuIChcbiAgICAgIDxSb290IHN0eWxlPXt7ICctLXZhbHVlJzogdmFsdWVTdHJpbmcgfX0gdmFyaWFudD17dmFyaWFudH0+XG4gICAgICAgIDxQcm9ncmVzc1Jvb3QgcmVmPXtyZWZ9IHZhbHVlPXt2YWx1ZX0gbWF4PXttYXh9IHsuLi5wcm9wc30gLz5cbiAgICAgIDwvUm9vdD5cbiAgICApO1xuICB9LFxuKTtcblxuUHJvZ3Jlc3MucHJvcFR5cGVzID0ge1xuICBtYXg6IFByb3BUeXBlcy5udW1iZXIsXG4gIHZhbHVlOiBQcm9wVHlwZXMubnVtYmVyLFxuICB2YXJpYW50OiBQcm9wVHlwZXMub25lT2YoWydkZXRlcm1pbmF0ZScsICdpbmRldGVybWluYXRlJ10pLFxufTtcbiJdfQ== */");
+}, ";", _ref2 => {
+  let {
+    variant
+  } = _ref2;
+  return variant === 'indeterminate' && /*#__PURE__*/css("width:100%;animation:", fadeIn, " 1s infinite;" + (process.env.NODE_ENV === "production" ? "" : ";label:Root;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3Byb2dyZXNzLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Q1MiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvcHJvZ3Jlc3MuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsga2V5ZnJhbWVzLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmNvbnN0IGJhY2tncm91bmQgPSBnZXRDb2xvcignZmFkZTEnKTtcbmNvbnN0IGZpbGwgPSBnZXRDb2xvcignY29udGVudCcpO1xuY29uc3QgaGVpZ2h0ID0gJzRweCc7XG5cbmNvbnN0IGZhZGVJbiA9IGtleWZyYW1lc2BcbiAgMCUgeyB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTEwMCUpIH1cbiAgMTAwJSB7IHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMDAlKSB9XG5gO1xuXG5jb25zdCBSb290ID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBib3JkZXItcmFkaXVzOiAke2hlaWdodH07XG5cbiAgJjo6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBiYWNrZ3JvdW5kOiAke2ZpbGx9O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7aGVpZ2h0fTtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG5cbiAgICAkeyh7IHZhcmlhbnQgfSkgPT5cbiAgICAgIHZhcmlhbnQgPT09ICdkZXRlcm1pbmF0ZScgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgd2lkdGg6IHZhcigtLXZhbHVlKTtcbiAgICAgICAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuICAgICAgYH07XG5cbiAgICAkeyh7IHZhcmlhbnQgfSkgPT5cbiAgICAgIHZhcmlhbnQgPT09ICdpbmRldGVybWluYXRlJyAmJlxuICAgICAgY3NzYFxuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgYW5pbWF0aW9uOiAke2ZhZGVJbn0gMXMgaW5maW5pdGU7XG4gICAgICBgfTtcbiAgfVxuYDtcblxuY29uc3QgUHJvZ3Jlc3NSb290ID0gc3R5bGVkLnByb2dyZXNzYFxuICBhcHBlYXJhbmNlOiBub25lO1xuICBtYXJnaW46IDA7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBiYWNrZ3JvdW5kOiAke2JhY2tncm91bmR9O1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAke2hlaWdodH07XG4gIGJvcmRlci1yYWRpdXM6ICR7aGVpZ2h0fTtcbiAgYm9yZGVyOiBub25lO1xuXG4gICY6Oi13ZWJraXQtcHJvZ3Jlc3MtYmFyIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuICAmOjotbW96LXByb2dyZXNzLWJhciB7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIH1cbiAgJjo6LXdlYmtpdC1wcm9ncmVzcy12YWx1ZSB7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBQcm9ncmVzcyA9IGZvcndhcmRSZWYoXG4gICh7IG1heCA9IDEwMCwgdmFsdWUsIHZhcmlhbnQgPSAnZGV0ZXJtaW5hdGUnLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgICBjb25zdCB2YWx1ZVN0cmluZyA9IGAkeyh2YWx1ZSAvIG1heCkgKiAxMDB9JWA7XG4gICAgcmV0dXJuIChcbiAgICAgIDxSb290IHN0eWxlPXt7ICctLXZhbHVlJzogdmFsdWVTdHJpbmcgfX0gdmFyaWFudD17dmFyaWFudH0+XG4gICAgICAgIDxQcm9ncmVzc1Jvb3QgcmVmPXtyZWZ9IHZhbHVlPXt2YWx1ZX0gbWF4PXttYXh9IHsuLi5wcm9wc30gLz5cbiAgICAgIDwvUm9vdD5cbiAgICApO1xuICB9LFxuKTtcblxuUHJvZ3Jlc3MucHJvcFR5cGVzID0ge1xuICBtYXg6IFByb3BUeXBlcy5udW1iZXIsXG4gIHZhbHVlOiBQcm9wVHlwZXMubnVtYmVyLFxuICB2YXJpYW50OiBQcm9wVHlwZXMub25lT2YoWydkZXRlcm1pbmF0ZScsICdpbmRldGVybWluYXRlJ10pLFxufTtcbiJdfQ== */");
+}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3Byb2dyZXNzLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFldUIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvcHJvZ3Jlc3MuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsga2V5ZnJhbWVzLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmNvbnN0IGJhY2tncm91bmQgPSBnZXRDb2xvcignZmFkZTEnKTtcbmNvbnN0IGZpbGwgPSBnZXRDb2xvcignY29udGVudCcpO1xuY29uc3QgaGVpZ2h0ID0gJzRweCc7XG5cbmNvbnN0IGZhZGVJbiA9IGtleWZyYW1lc2BcbiAgMCUgeyB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTEwMCUpIH1cbiAgMTAwJSB7IHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMDAlKSB9XG5gO1xuXG5jb25zdCBSb290ID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBib3JkZXItcmFkaXVzOiAke2hlaWdodH07XG5cbiAgJjo6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBiYWNrZ3JvdW5kOiAke2ZpbGx9O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7aGVpZ2h0fTtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG5cbiAgICAkeyh7IHZhcmlhbnQgfSkgPT5cbiAgICAgIHZhcmlhbnQgPT09ICdkZXRlcm1pbmF0ZScgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgd2lkdGg6IHZhcigtLXZhbHVlKTtcbiAgICAgICAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuICAgICAgYH07XG5cbiAgICAkeyh7IHZhcmlhbnQgfSkgPT5cbiAgICAgIHZhcmlhbnQgPT09ICdpbmRldGVybWluYXRlJyAmJlxuICAgICAgY3NzYFxuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgYW5pbWF0aW9uOiAke2ZhZGVJbn0gMXMgaW5maW5pdGU7XG4gICAgICBgfTtcbiAgfVxuYDtcblxuY29uc3QgUHJvZ3Jlc3NSb290ID0gc3R5bGVkLnByb2dyZXNzYFxuICBhcHBlYXJhbmNlOiBub25lO1xuICBtYXJnaW46IDA7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBiYWNrZ3JvdW5kOiAke2JhY2tncm91bmR9O1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAke2hlaWdodH07XG4gIGJvcmRlci1yYWRpdXM6ICR7aGVpZ2h0fTtcbiAgYm9yZGVyOiBub25lO1xuXG4gICY6Oi13ZWJraXQtcHJvZ3Jlc3MtYmFyIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuICAmOjotbW96LXByb2dyZXNzLWJhciB7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIH1cbiAgJjo6LXdlYmtpdC1wcm9ncmVzcy12YWx1ZSB7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBQcm9ncmVzcyA9IGZvcndhcmRSZWYoXG4gICh7IG1heCA9IDEwMCwgdmFsdWUsIHZhcmlhbnQgPSAnZGV0ZXJtaW5hdGUnLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgICBjb25zdCB2YWx1ZVN0cmluZyA9IGAkeyh2YWx1ZSAvIG1heCkgKiAxMDB9JWA7XG4gICAgcmV0dXJuIChcbiAgICAgIDxSb290IHN0eWxlPXt7ICctLXZhbHVlJzogdmFsdWVTdHJpbmcgfX0gdmFyaWFudD17dmFyaWFudH0+XG4gICAgICAgIDxQcm9ncmVzc1Jvb3QgcmVmPXtyZWZ9IHZhbHVlPXt2YWx1ZX0gbWF4PXttYXh9IHsuLi5wcm9wc30gLz5cbiAgICAgIDwvUm9vdD5cbiAgICApO1xuICB9LFxuKTtcblxuUHJvZ3Jlc3MucHJvcFR5cGVzID0ge1xuICBtYXg6IFByb3BUeXBlcy5udW1iZXIsXG4gIHZhbHVlOiBQcm9wVHlwZXMubnVtYmVyLFxuICB2YXJpYW50OiBQcm9wVHlwZXMub25lT2YoWydkZXRlcm1pbmF0ZScsICdpbmRldGVybWluYXRlJ10pLFxufTtcbiJdfQ== */"));
 
 const ProgressRoot = /*#__PURE__*/_styled("progress", process.env.NODE_ENV === "production" ? {
   target: "e665t820"
 } : {
   target: "e665t820",
   label: "ProgressRoot"
-})("appearance:none;margin:0;display:block;background:", background, ";width:100%;height:", height, ";border-radius:", height, ";border:none;&::-webkit-progress-bar{background:transparent;}&::-moz-progress-bar{background:transparent;}&::-webkit-progress-value{background:transparent;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3Byb2dyZXNzLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQm9DIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3Byb2dyZXNzLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcblxuY29uc3QgYmFja2dyb3VuZCA9IGdldENvbG9yKCdmYWRlMScpO1xuY29uc3QgZmlsbCA9IGdldENvbG9yKCdjb250ZW50Jyk7XG5jb25zdCBoZWlnaHQgPSAnNHB4JztcblxuY29uc3QgUm9vdCA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAmOjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiB2YXIoLS12YWx1ZSk7XG4gICAgYmFja2dyb3VuZDogJHtmaWxsfTtcbiAgICBib3JkZXItcmFkaXVzOiAke2hlaWdodH07XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHRyYW5zaXRpb246ICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcbiAgfVxuYDtcblxuY29uc3QgUHJvZ3Jlc3NSb290ID0gc3R5bGVkLnByb2dyZXNzYFxuICBhcHBlYXJhbmNlOiBub25lO1xuICBtYXJnaW46IDA7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBiYWNrZ3JvdW5kOiAke2JhY2tncm91bmR9O1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAke2hlaWdodH07XG4gIGJvcmRlci1yYWRpdXM6ICR7aGVpZ2h0fTtcbiAgYm9yZGVyOiBub25lO1xuXG4gICY6Oi13ZWJraXQtcHJvZ3Jlc3MtYmFyIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuICAmOjotbW96LXByb2dyZXNzLWJhciB7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIH1cbiAgJjo6LXdlYmtpdC1wcm9ncmVzcy12YWx1ZSB7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBQcm9ncmVzcyA9IGZvcndhcmRSZWYoKHsgbWF4ID0gMTAwLCB2YWx1ZSwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IHZhbHVlU3RyaW5nID0gYCR7KHZhbHVlIC8gbWF4KSAqIDEwMH0lYDtcbiAgcmV0dXJuIChcbiAgICA8Um9vdCBzdHlsZT17eyAnLS12YWx1ZSc6IHZhbHVlU3RyaW5nIH19PlxuICAgICAgPFByb2dyZXNzUm9vdCByZWY9e3JlZn0gdmFsdWU9e3ZhbHVlfSBtYXg9e21heH0gey4uLnByb3BzfSAvPlxuICAgIDwvUm9vdD5cbiAgKTtcbn0pO1xuXG5Qcm9ncmVzcy5wcm9wVHlwZXMgPSB7XG4gIG1heDogUHJvcFR5cGVzLm51bWJlcixcbiAgdmFsdWU6IFByb3BUeXBlcy5udW1iZXIsXG59O1xuIl19 */"));
+})("appearance:none;margin:0;display:block;background:", background, ";width:100%;height:", height, ";border-radius:", height, ";border:none;&::-webkit-progress-bar{background:transparent;}&::-moz-progress-bar{background:transparent;}&::-webkit-progress-value{background:transparent;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3Byb2dyZXNzLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4Q29DIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3Byb2dyZXNzLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IGtleWZyYW1lcywgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5jb25zdCBiYWNrZ3JvdW5kID0gZ2V0Q29sb3IoJ2ZhZGUxJyk7XG5jb25zdCBmaWxsID0gZ2V0Q29sb3IoJ2NvbnRlbnQnKTtcbmNvbnN0IGhlaWdodCA9ICc0cHgnO1xuXG5jb25zdCBmYWRlSW4gPSBrZXlmcmFtZXNgXG4gIDAlIHsgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0xMDAlKSB9XG4gIDEwMCUgeyB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSkgfVxuYDtcblxuY29uc3QgUm9vdCA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYm9yZGVyLXJhZGl1czogJHtoZWlnaHR9O1xuXG4gICY6OmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYmFja2dyb3VuZDogJHtmaWxsfTtcbiAgICBib3JkZXItcmFkaXVzOiAke2hlaWdodH07XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuXG4gICAgJHsoeyB2YXJpYW50IH0pID0+XG4gICAgICB2YXJpYW50ID09PSAnZGV0ZXJtaW5hdGUnICYmXG4gICAgICBjc3NgXG4gICAgICAgIHdpZHRoOiB2YXIoLS12YWx1ZSk7XG4gICAgICAgIHRyYW5zaXRpb246ICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcbiAgICAgIGB9O1xuXG4gICAgJHsoeyB2YXJpYW50IH0pID0+XG4gICAgICB2YXJpYW50ID09PSAnaW5kZXRlcm1pbmF0ZScgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGFuaW1hdGlvbjogJHtmYWRlSW59IDFzIGluZmluaXRlO1xuICAgICAgYH07XG4gIH1cbmA7XG5cbmNvbnN0IFByb2dyZXNzUm9vdCA9IHN0eWxlZC5wcm9ncmVzc2BcbiAgYXBwZWFyYW5jZTogbm9uZTtcbiAgbWFyZ2luOiAwO1xuICBkaXNwbGF5OiBibG9jaztcbiAgYmFja2dyb3VuZDogJHtiYWNrZ3JvdW5kfTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogJHtoZWlnaHR9O1xuICBib3JkZXItcmFkaXVzOiAke2hlaWdodH07XG4gIGJvcmRlcjogbm9uZTtcblxuICAmOjotd2Via2l0LXByb2dyZXNzLWJhciB7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIH1cbiAgJjo6LW1vei1wcm9ncmVzcy1iYXIge1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICB9XG4gICY6Oi13ZWJraXQtcHJvZ3Jlc3MtdmFsdWUge1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgUHJvZ3Jlc3MgPSBmb3J3YXJkUmVmKFxuICAoeyBtYXggPSAxMDAsIHZhbHVlLCB2YXJpYW50ID0gJ2RldGVybWluYXRlJywgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gICAgY29uc3QgdmFsdWVTdHJpbmcgPSBgJHsodmFsdWUgLyBtYXgpICogMTAwfSVgO1xuICAgIHJldHVybiAoXG4gICAgICA8Um9vdCBzdHlsZT17eyAnLS12YWx1ZSc6IHZhbHVlU3RyaW5nIH19IHZhcmlhbnQ9e3ZhcmlhbnR9PlxuICAgICAgICA8UHJvZ3Jlc3NSb290IHJlZj17cmVmfSB2YWx1ZT17dmFsdWV9IG1heD17bWF4fSB7Li4ucHJvcHN9IC8+XG4gICAgICA8L1Jvb3Q+XG4gICAgKTtcbiAgfSxcbik7XG5cblByb2dyZXNzLnByb3BUeXBlcyA9IHtcbiAgbWF4OiBQcm9wVHlwZXMubnVtYmVyLFxuICB2YWx1ZTogUHJvcFR5cGVzLm51bWJlcixcbiAgdmFyaWFudDogUHJvcFR5cGVzLm9uZU9mKFsnZGV0ZXJtaW5hdGUnLCAnaW5kZXRlcm1pbmF0ZSddKSxcbn07XG4iXX0= */"));
 
-export const Progress = /*#__PURE__*/forwardRef((_ref, ref) => {
+export const Progress = /*#__PURE__*/forwardRef((_ref3, ref) => {
   let {
     max = 100,
-    value
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
+    value,
+    variant = 'determinate'
+  } = _ref3,
+      props = _objectWithoutProperties(_ref3, _excluded);
 
   const valueString = "".concat(value / max * 100, "%");
   return ___EmotionJSX(Root, {
     style: {
       '--value': valueString
-    }
+    },
+    variant: variant
   }, ___EmotionJSX(ProgressRoot, _extends({
     ref: ref,
     value: value,
@@ -49,5 +67,6 @@ export const Progress = /*#__PURE__*/forwardRef((_ref, ref) => {
 });
 Progress.propTypes = {
   max: PropTypes.number,
-  value: PropTypes.number
+  value: PropTypes.number,
+  variant: PropTypes.oneOf(['determinate', 'indeterminate'])
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flodesk/grain",
-  "version": "11.45.0",
+  "version": "11.46.0",
   "description": "Flodesk design system",
   "module": "es/index.js",
   "types": "es/types/index.d.ts",