@flodesk/grain 11.45.0 → 11.46.1

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 flow = 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3Byb2dyZXNzLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ1MiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvcHJvZ3Jlc3MuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsga2V5ZnJhbWVzLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmNvbnN0IGJhY2tncm91bmQgPSBnZXRDb2xvcignZmFkZTEnKTtcbmNvbnN0IGZpbGwgPSBnZXRDb2xvcignY29udGVudCcpO1xuY29uc3QgaGVpZ2h0ID0gJzRweCc7XG5cbmNvbnN0IGZsb3cgPSBrZXlmcmFtZXNgXG4gIDAlIHsgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0xMDAlKSB9XG4gIDEwMCUgeyB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSkgfVxuYDtcblxuY29uc3QgUm9vdCA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYm9yZGVyLXJhZGl1czogJHtoZWlnaHR9O1xuXG4gICY6OmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYmFja2dyb3VuZDogJHtmaWxsfTtcbiAgICBib3JkZXItcmFkaXVzOiAke2hlaWdodH07XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuXG4gICAgJHsoeyB2YXJpYW50IH0pID0+XG4gICAgICB2YXJpYW50ID09PSAnZGV0ZXJtaW5hdGUnICYmXG4gICAgICBjc3NgXG4gICAgICAgIHdpZHRoOiB2YXIoLS12YWx1ZSk7XG4gICAgICAgIHRyYW5zaXRpb246ICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcbiAgICAgIGB9O1xuXG4gICAgJHsoeyB2YXJpYW50IH0pID0+XG4gICAgICB2YXJpYW50ID09PSAnaW5kZXRlcm1pbmF0ZScgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGFuaW1hdGlvbjogJHtmbG93fSAycyBpbmZpbml0ZTtcbiAgICAgIGB9O1xuICB9XG5gO1xuXG5jb25zdCBQcm9ncmVzc1Jvb3QgPSBzdHlsZWQucHJvZ3Jlc3NgXG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIG1hcmdpbjogMDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGJhY2tncm91bmQ6ICR7YmFja2dyb3VuZH07XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgYm9yZGVyLXJhZGl1czogJHtoZWlnaHR9O1xuICBib3JkZXI6IG5vbmU7XG5cbiAgJjo6LXdlYmtpdC1wcm9ncmVzcy1iYXIge1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICB9XG4gICY6Oi1tb3otcHJvZ3Jlc3MtYmFyIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuICAmOjotd2Via2l0LXByb2dyZXNzLXZhbHVlIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFByb2dyZXNzID0gZm9yd2FyZFJlZihcbiAgKHsgbWF4ID0gMTAwLCB2YWx1ZSwgdmFyaWFudCA9ICdkZXRlcm1pbmF0ZScsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICAgIGNvbnN0IHZhbHVlU3RyaW5nID0gYCR7KHZhbHVlIC8gbWF4KSAqIDEwMH0lYDtcbiAgICByZXR1cm4gKFxuICAgICAgPFJvb3Qgc3R5bGU9e3sgJy0tdmFsdWUnOiB2YWx1ZVN0cmluZyB9fSB2YXJpYW50PXt2YXJpYW50fT5cbiAgICAgICAgPFByb2dyZXNzUm9vdCByZWY9e3JlZn0gdmFsdWU9e3ZhbHVlfSBtYXg9e21heH0gey4uLnByb3BzfSAvPlxuICAgICAgPC9Sb290PlxuICAgICk7XG4gIH0sXG4pO1xuXG5Qcm9ncmVzcy5wcm9wVHlwZXMgPSB7XG4gIG1heDogUHJvcFR5cGVzLm51bWJlcixcbiAgdmFsdWU6IFByb3BUeXBlcy5udW1iZXIsXG4gIHZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ2RldGVybWluYXRlJywgJ2luZGV0ZXJtaW5hdGUnXSksXG59O1xuIl19 */");
+}, ";", _ref2 => {
+  let {
+    variant
+  } = _ref2;
+  return variant === 'indeterminate' && /*#__PURE__*/css("width:100%;animation:", flow, " 2s infinite;" + (process.env.NODE_ENV === "production" ? "" : ";label:Root;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3Byb2dyZXNzLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Q1MiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvcHJvZ3Jlc3MuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsga2V5ZnJhbWVzLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmNvbnN0IGJhY2tncm91bmQgPSBnZXRDb2xvcignZmFkZTEnKTtcbmNvbnN0IGZpbGwgPSBnZXRDb2xvcignY29udGVudCcpO1xuY29uc3QgaGVpZ2h0ID0gJzRweCc7XG5cbmNvbnN0IGZsb3cgPSBrZXlmcmFtZXNgXG4gIDAlIHsgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0xMDAlKSB9XG4gIDEwMCUgeyB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSkgfVxuYDtcblxuY29uc3QgUm9vdCA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYm9yZGVyLXJhZGl1czogJHtoZWlnaHR9O1xuXG4gICY6OmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYmFja2dyb3VuZDogJHtmaWxsfTtcbiAgICBib3JkZXItcmFkaXVzOiAke2hlaWdodH07XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuXG4gICAgJHsoeyB2YXJpYW50IH0pID0+XG4gICAgICB2YXJpYW50ID09PSAnZGV0ZXJtaW5hdGUnICYmXG4gICAgICBjc3NgXG4gICAgICAgIHdpZHRoOiB2YXIoLS12YWx1ZSk7XG4gICAgICAgIHRyYW5zaXRpb246ICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcbiAgICAgIGB9O1xuXG4gICAgJHsoeyB2YXJpYW50IH0pID0+XG4gICAgICB2YXJpYW50ID09PSAnaW5kZXRlcm1pbmF0ZScgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGFuaW1hdGlvbjogJHtmbG93fSAycyBpbmZpbml0ZTtcbiAgICAgIGB9O1xuICB9XG5gO1xuXG5jb25zdCBQcm9ncmVzc1Jvb3QgPSBzdHlsZWQucHJvZ3Jlc3NgXG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIG1hcmdpbjogMDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGJhY2tncm91bmQ6ICR7YmFja2dyb3VuZH07XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgYm9yZGVyLXJhZGl1czogJHtoZWlnaHR9O1xuICBib3JkZXI6IG5vbmU7XG5cbiAgJjo6LXdlYmtpdC1wcm9ncmVzcy1iYXIge1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICB9XG4gICY6Oi1tb3otcHJvZ3Jlc3MtYmFyIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuICAmOjotd2Via2l0LXByb2dyZXNzLXZhbHVlIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFByb2dyZXNzID0gZm9yd2FyZFJlZihcbiAgKHsgbWF4ID0gMTAwLCB2YWx1ZSwgdmFyaWFudCA9ICdkZXRlcm1pbmF0ZScsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICAgIGNvbnN0IHZhbHVlU3RyaW5nID0gYCR7KHZhbHVlIC8gbWF4KSAqIDEwMH0lYDtcbiAgICByZXR1cm4gKFxuICAgICAgPFJvb3Qgc3R5bGU9e3sgJy0tdmFsdWUnOiB2YWx1ZVN0cmluZyB9fSB2YXJpYW50PXt2YXJpYW50fT5cbiAgICAgICAgPFByb2dyZXNzUm9vdCByZWY9e3JlZn0gdmFsdWU9e3ZhbHVlfSBtYXg9e21heH0gey4uLnByb3BzfSAvPlxuICAgICAgPC9Sb290PlxuICAgICk7XG4gIH0sXG4pO1xuXG5Qcm9ncmVzcy5wcm9wVHlwZXMgPSB7XG4gIG1heDogUHJvcFR5cGVzLm51bWJlcixcbiAgdmFsdWU6IFByb3BUeXBlcy5udW1iZXIsXG4gIHZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ2RldGVybWluYXRlJywgJ2luZGV0ZXJtaW5hdGUnXSksXG59O1xuIl19 */");
+}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3Byb2dyZXNzLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFldUIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvcHJvZ3Jlc3MuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsga2V5ZnJhbWVzLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmNvbnN0IGJhY2tncm91bmQgPSBnZXRDb2xvcignZmFkZTEnKTtcbmNvbnN0IGZpbGwgPSBnZXRDb2xvcignY29udGVudCcpO1xuY29uc3QgaGVpZ2h0ID0gJzRweCc7XG5cbmNvbnN0IGZsb3cgPSBrZXlmcmFtZXNgXG4gIDAlIHsgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0xMDAlKSB9XG4gIDEwMCUgeyB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSkgfVxuYDtcblxuY29uc3QgUm9vdCA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYm9yZGVyLXJhZGl1czogJHtoZWlnaHR9O1xuXG4gICY6OmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYmFja2dyb3VuZDogJHtmaWxsfTtcbiAgICBib3JkZXItcmFkaXVzOiAke2hlaWdodH07XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuXG4gICAgJHsoeyB2YXJpYW50IH0pID0+XG4gICAgICB2YXJpYW50ID09PSAnZGV0ZXJtaW5hdGUnICYmXG4gICAgICBjc3NgXG4gICAgICAgIHdpZHRoOiB2YXIoLS12YWx1ZSk7XG4gICAgICAgIHRyYW5zaXRpb246ICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcbiAgICAgIGB9O1xuXG4gICAgJHsoeyB2YXJpYW50IH0pID0+XG4gICAgICB2YXJpYW50ID09PSAnaW5kZXRlcm1pbmF0ZScgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGFuaW1hdGlvbjogJHtmbG93fSAycyBpbmZpbml0ZTtcbiAgICAgIGB9O1xuICB9XG5gO1xuXG5jb25zdCBQcm9ncmVzc1Jvb3QgPSBzdHlsZWQucHJvZ3Jlc3NgXG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIG1hcmdpbjogMDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGJhY2tncm91bmQ6ICR7YmFja2dyb3VuZH07XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgYm9yZGVyLXJhZGl1czogJHtoZWlnaHR9O1xuICBib3JkZXI6IG5vbmU7XG5cbiAgJjo6LXdlYmtpdC1wcm9ncmVzcy1iYXIge1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICB9XG4gICY6Oi1tb3otcHJvZ3Jlc3MtYmFyIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuICAmOjotd2Via2l0LXByb2dyZXNzLXZhbHVlIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFByb2dyZXNzID0gZm9yd2FyZFJlZihcbiAgKHsgbWF4ID0gMTAwLCB2YWx1ZSwgdmFyaWFudCA9ICdkZXRlcm1pbmF0ZScsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICAgIGNvbnN0IHZhbHVlU3RyaW5nID0gYCR7KHZhbHVlIC8gbWF4KSAqIDEwMH0lYDtcbiAgICByZXR1cm4gKFxuICAgICAgPFJvb3Qgc3R5bGU9e3sgJy0tdmFsdWUnOiB2YWx1ZVN0cmluZyB9fSB2YXJpYW50PXt2YXJpYW50fT5cbiAgICAgICAgPFByb2dyZXNzUm9vdCByZWY9e3JlZn0gdmFsdWU9e3ZhbHVlfSBtYXg9e21heH0gey4uLnByb3BzfSAvPlxuICAgICAgPC9Sb290PlxuICAgICk7XG4gIH0sXG4pO1xuXG5Qcm9ncmVzcy5wcm9wVHlwZXMgPSB7XG4gIG1heDogUHJvcFR5cGVzLm51bWJlcixcbiAgdmFsdWU6IFByb3BUeXBlcy5udW1iZXIsXG4gIHZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ2RldGVybWluYXRlJywgJ2luZGV0ZXJtaW5hdGUnXSksXG59O1xuIl19 */"));
 
 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3Byb2dyZXNzLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4Q29DIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3Byb2dyZXNzLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IGtleWZyYW1lcywgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5jb25zdCBiYWNrZ3JvdW5kID0gZ2V0Q29sb3IoJ2ZhZGUxJyk7XG5jb25zdCBmaWxsID0gZ2V0Q29sb3IoJ2NvbnRlbnQnKTtcbmNvbnN0IGhlaWdodCA9ICc0cHgnO1xuXG5jb25zdCBmbG93ID0ga2V5ZnJhbWVzYFxuICAwJSB7IHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMTAwJSkgfVxuICAxMDAlIHsgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpIH1cbmA7XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJvcmRlci1yYWRpdXM6ICR7aGVpZ2h0fTtcblxuICAmOjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIGJhY2tncm91bmQ6ICR7ZmlsbH07XG4gICAgYm9yZGVyLXJhZGl1czogJHtoZWlnaHR9O1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcblxuICAgICR7KHsgdmFyaWFudCB9KSA9PlxuICAgICAgdmFyaWFudCA9PT0gJ2RldGVybWluYXRlJyAmJlxuICAgICAgY3NzYFxuICAgICAgICB3aWR0aDogdmFyKC0tdmFsdWUpO1xuICAgICAgICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG4gICAgICBgfTtcblxuICAgICR7KHsgdmFyaWFudCB9KSA9PlxuICAgICAgdmFyaWFudCA9PT0gJ2luZGV0ZXJtaW5hdGUnICYmXG4gICAgICBjc3NgXG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBhbmltYXRpb246ICR7Zmxvd30gMnMgaW5maW5pdGU7XG4gICAgICBgfTtcbiAgfVxuYDtcblxuY29uc3QgUHJvZ3Jlc3NSb290ID0gc3R5bGVkLnByb2dyZXNzYFxuICBhcHBlYXJhbmNlOiBub25lO1xuICBtYXJnaW46IDA7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBiYWNrZ3JvdW5kOiAke2JhY2tncm91bmR9O1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAke2hlaWdodH07XG4gIGJvcmRlci1yYWRpdXM6ICR7aGVpZ2h0fTtcbiAgYm9yZGVyOiBub25lO1xuXG4gICY6Oi13ZWJraXQtcHJvZ3Jlc3MtYmFyIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuICAmOjotbW96LXByb2dyZXNzLWJhciB7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIH1cbiAgJjo6LXdlYmtpdC1wcm9ncmVzcy12YWx1ZSB7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBQcm9ncmVzcyA9IGZvcndhcmRSZWYoXG4gICh7IG1heCA9IDEwMCwgdmFsdWUsIHZhcmlhbnQgPSAnZGV0ZXJtaW5hdGUnLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgICBjb25zdCB2YWx1ZVN0cmluZyA9IGAkeyh2YWx1ZSAvIG1heCkgKiAxMDB9JWA7XG4gICAgcmV0dXJuIChcbiAgICAgIDxSb290IHN0eWxlPXt7ICctLXZhbHVlJzogdmFsdWVTdHJpbmcgfX0gdmFyaWFudD17dmFyaWFudH0+XG4gICAgICAgIDxQcm9ncmVzc1Jvb3QgcmVmPXtyZWZ9IHZhbHVlPXt2YWx1ZX0gbWF4PXttYXh9IHsuLi5wcm9wc30gLz5cbiAgICAgIDwvUm9vdD5cbiAgICApO1xuICB9LFxuKTtcblxuUHJvZ3Jlc3MucHJvcFR5cGVzID0ge1xuICBtYXg6IFByb3BUeXBlcy5udW1iZXIsXG4gIHZhbHVlOiBQcm9wVHlwZXMubnVtYmVyLFxuICB2YXJpYW50OiBQcm9wVHlwZXMub25lT2YoWydkZXRlcm1pbmF0ZScsICdpbmRldGVybWluYXRlJ10pLFxufTtcbiJdfQ== */"));
 
-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.1",
   "description": "Flodesk design system",
   "module": "es/index.js",
   "types": "es/types/index.d.ts",