@twilio-paste/spinner - npm Package Compare versions

Comparing version 0.2.0 to 1.0.0

CHANGELOG.md

@@ -6,2 +6,66 @@ # Change Log
 
+# [1.0.0](https://github.com/twilio-labs/paste/compare/@twilio-paste/spinner@0.2.0...@twilio-paste/spinner@1.0.0) (2019-11-11)
+
+
+### Features
+
+* **icons:** delete old icons, add new streamline icons ([#129](https://github.com/twilio-labs/paste/issues/129)) ([571791d](https://github.com/twilio-labs/paste/commit/571791ded8ee4c55bb5a3dbcebee4b17b2c7c826))
+
+
+### BREAKING CHANGES
+
+* **icons:** removed all the inherited icons since we're moving to a new system
+
+* chore(icons): update icon list for storybook
+
+* fix(spinner): use new icon
+
+* fix(storybook): use new icon for story
+
+* fix(story): button icons should be 24px
+
+* fix: adjust icon size tokens
+
+* feat: add iconSizes as separate key in theme-tokens
+
+* feat(icons): icons package to use tokens and update icons
+
+* fix(spinner): update to use tokens and new icons
+
+* fix(button): use correct spinner size
+
+* fix(icons): major icons package fixes
+
+- huge overhaul to build process
+- now uses rollup
+- builds into cjs and esm directories
+- made the package publishable to npm
+- moved svg folder out of src, now src only holds react stuff
+- updated scripts to use new paths and cleaned up the code
+- programmatically generates rollup config from the icon-list command
+
+* chore: add new icons dist folders to gitignore
+
+* fix: spinner and button icon usage
+
+* feat(icons): add rollup icon list cache file
+
+* fix(core-bundle): sort packages for consistent builds
+
+* chore: use `esm` instead of `es` in rollup for correctness
+
+* chore: yarn.lock
+
+* fix(spinner): lint error
+
+* chore(icons): move rollup icon list
+
+* chore(spinner): use types package in story
+
+* fix(spinner): swap out destructured props for explicit props
+
+
+
+
+
 # [0.2.0](https://github.com/twilio-labs/paste/compare/@twilio-paste/spinner@0.1.6...@twilio-paste/spinner@0.2.0) (2019-10-29)
@@ -8,0 +72,0 @@

dist/index.d.ts

 import * as React from 'react';
-import { SpinnerIconProps } from '@twilio-paste/icons/react/SpinnerIcon';
-interface SpinnerProps extends SpinnerIconProps {
+import { LoadingIconProps } from '@twilio-paste/icons/esm/LoadingIcon';
+import { IconSize } from '@twilio-paste/types';
+interface SpinnerProps extends LoadingIconProps {
     title: string;
+    size?: IconSize;
 }
@@ -6,0 +8,0 @@ declare const Spinner: React.FC<SpinnerProps>;

dist/index.es.js

@@ -1,2 +0,2 @@
-import e,{createElement as r}from"react";import{keyframes as n,css as t}from"@emotion/core";import o from"@emotion/styled";import a from"react-uid";
+import{createElement as e}from"react";import{keyframes as r,css as o}from"@emotion/core";import t from"@emotion/styled";import{system as n,compose as a,size as i}from"styled-system";import{UID as l}from"react-uid";
 /*! *****************************************************************************
@@ -15,2 +15,17 @@ Copyright (c) Microsoft Corporation. All rights reserved.
 and limitations under the License.
-***************************************************************************** */var i=function(){return(i=Object.assign||function(e){for(var r,n=1,t=arguments.length;n<t;n++)for(var o in r=arguments[n])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e}).apply(this,arguments)};var l="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function c(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function f(e,r){return e(r={exports:{}},r.exports),r.exports}var p=f((function(e,r){var n=l&&l.__makeTemplateObject||function(e,r){return Object.defineProperty?Object.defineProperty(e,"raw",{value:r}):e.raw=r,e},t=l&&l.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};r.__esModule=!0;var a,i=t(o).default.span(a||(a=n(["\n  ","\n"],["\n  ","\n"])),(function(e){var r=e.size,n=void 0===r?24:r,t=e.color;return"\n    width: "+n+"px;\n    height: "+n+"px;\n    color: "+(void 0===t?"currentColor":t)+";\n    display: inline-block;\n  "}));r.IconWrapper=i}));c(p);p.IconWrapper;var u=f((function(r,n){var t=l&&l.__assign||function(){return(t=Object.assign||function(e){for(var r,n=1,t=arguments.length;n<t;n++)for(var o in r=arguments[n])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e}).apply(this,arguments)},o=l&&l.__rest||function(e,r){var n={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(n[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(t=Object.getOwnPropertySymbols(e);o<t.length;o++)r.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(e,t[o])&&(n[t[o]]=e[t[o]])}return n},i=l&&l.__importStar||function(e){if(e&&e.__esModule)return e;var r={};if(null!=e)for(var n in e)Object.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r.default=e,r};n.__esModule=!0;var c=i(e),f=function(e){var r=e.title,n=e.decorative,i=o(e,["title","decorative"]);return c.createElement(p.IconWrapper,t({},i),c.createElement(a.UID,null,(function(e){return c.createElement("svg",{role:"img","aria-hidden":n,"aria-labelledby":e,height:"100%",width:"100%",viewBox:"0 0 1024 1024"},c.createElement("title",{id:e},r),c.createElement("path",{fill:"currentColor",d:"M292.778 826.074c0 20.938-7.408 38.815-22.222 53.63-14.815 14.815-32.692 22.222-53.63 22.222-20.543 0-38.321-7.506-53.333-22.519-15.013-15.012-22.519-32.79-22.519-53.333 0-20.938 7.407-38.815 22.222-53.63 14.815-14.814 32.692-22.222 53.63-22.222 20.938 0 38.815 7.408 53.63 22.222 14.814 14.815 22.222 32.692 22.222 53.63m295.111 122.074c0 20.938-7.408 38.815-22.222 53.63-14.815 14.815-32.692 22.222-53.63 22.222-20.938 0-38.815-7.407-53.63-22.222-14.814-14.815-22.222-32.692-22.222-53.63 0-20.938 7.408-38.815 22.222-53.629 14.815-14.815 32.692-22.223 53.63-22.223 20.938 0 38.815 7.408 53.63 22.223 14.814 14.814 22.222 32.691 22.222 53.629M170.704 530.963c0 20.938-7.408 38.815-22.223 53.63-14.814 14.814-32.691 22.222-53.629 22.222-20.938 0-38.815-7.408-53.63-22.222C26.407 569.778 19 551.901 19 530.963c0-20.938 7.407-38.815 22.222-53.63 14.815-14.814 32.692-22.222 53.63-22.222 20.938 0 38.815 7.408 53.629 22.222 14.815 14.815 22.223 32.692 22.223 53.63M883 826.074c0 20.543-7.506 38.321-22.519 53.333-15.012 15.013-32.789 22.519-53.333 22.519-20.938 0-38.815-7.407-53.629-22.222-14.815-14.815-22.223-32.692-22.223-53.63 0-20.938 7.408-38.815 22.223-53.63 14.814-14.814 32.691-22.222 53.629-22.222 20.938 0 38.815 7.408 53.63 22.222C875.593 787.259 883 805.136 883 826.074M311.741 235.852c0 26.074-9.284 48.395-27.852 66.963-18.568 18.568-40.889 27.852-66.963 27.852-26.074 0-48.395-9.284-66.963-27.852-18.568-18.568-27.852-40.889-27.852-66.963 0-26.074 9.284-48.395 27.852-66.963 18.568-18.568 40.889-27.852 66.963-27.852 26.074 0 48.395 9.284 66.963 27.852 18.568 18.568 27.852 40.889 27.852 66.963m693.333 295.111c0 20.938-7.407 38.815-22.222 53.63-14.815 14.814-32.692 22.222-53.63 22.222-20.938 0-38.815-7.408-53.629-22.222-14.815-14.815-22.223-32.692-22.223-53.63 0-20.938 7.408-38.815 22.223-53.63 14.814-14.814 32.691-22.222 53.629-22.222 20.938 0 38.815 7.408 53.63 22.222 14.815 14.815 22.222 32.692 22.222 53.63M625.815 113.778c0 31.605-11.062 58.469-33.185 80.592-22.124 22.124-48.988 33.186-80.593 33.186-31.605 0-58.469-11.062-80.593-33.186-22.123-22.123-33.185-48.987-33.185-80.592 0-31.605 11.062-58.47 33.185-80.593C453.568 11.062 480.432 0 512.037 0c31.605 0 58.469 11.062 80.593 33.185 22.123 22.123 33.185 48.988 33.185 80.593m314.074 122.074c0 36.741-13.037 68.049-39.111 93.926-26.074 25.877-57.284 38.815-93.63 38.815-36.741 0-68.049-12.938-93.926-38.815-25.877-25.877-38.815-57.185-38.815-93.926 0-36.346 12.938-67.556 38.815-93.63 25.877-26.074 57.185-39.111 93.926-39.111 36.346 0 67.556 13.037 93.63 39.111 26.074 26.074 39.111 57.284 39.111 93.63"}))})))};n.SpinnerIcon=f,f.defaultProps={title:"Spinner Icon",decorative:!0},f.displayName="SpinnerIcon"}));c(u);var d,s,m,v=u.SpinnerIcon,y=n(m||(d=["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(359deg);\n  }\n"],s=["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(359deg);\n  }\n"],Object.defineProperty?Object.defineProperty(d,"raw",{value:s}):d.raw=s,m=d)),b=o.div(t({display:"inline-block",animation:y+" 2s linear infinite","@media screen and (prefers-reduced-motion: reduce)":{animation:"none"}})),O=function(e){return r(b,null,r(v,i({},e)))};O.defaultProps={decorative:!1};export{O as Spinner};
+***************************************************************************** */
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation. All rights reserved.
+Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+this file except in compliance with the License. You may obtain a copy of the
+License at http://www.apache.org/licenses/LICENSE-2.0
+
+THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
+WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
+MERCHANTABLITY OR NON-INFRINGEMENT.
+
+See the Apache Version 2.0 License for specific language governing permissions
+and limitations under the License.
+***************************************************************************** */
+var c=function(){return(c=Object.assign||function(e){for(var r,o=1,t=arguments.length;o<t;o++)for(var n in r=arguments[o])Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);return e}).apply(this,arguments)};var d=n({iconColor:{property:"color",scale:"textColors"}}),s=t.span({display:"inline-block"},a(d,i));s.defaultProps={size:"sizeIcon20",iconColor:"currentColor"},s.displayName="IconWrapper";var p=function(r){var o=r.title,t=r.decorative,n=function(e,r){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(e);n<t.length;n++)r.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(e,t[n])&&(o[t[n]]=e[t[n]])}return o}(r,["title","decorative"]);return e(s,c({},n),e(l,null,(function(r){return e("svg",{role:"img","aria-hidden":t,"aria-labelledby":r,width:"100%",height:"100%",viewBox:"0 0 24 24"},o?e("title",{id:r},o):null,e("path",{fill:"currentColor",fillRule:"evenodd",d:"M20.085 13.123a1 1 0 01.71 1.224A9.103 9.103 0 014.717 17.46l-.15 1.756a1 1 0 11-1.992-.17l.407-4.773a1 1 0 011.357-.848l4.47 1.728a1 1 0 11-.72 1.865l-1.691-.652a7.103 7.103 0 0012.463-2.533 1 1 0 011.223-.71zM12.008 2.892a9.1 9.1 0 017.283 3.64l.148-1.756a1 1 0 011.993.17l-.407 4.773a1 1 0 01-1.357.847l-4.47-1.727a1 1 0 01.72-1.866l1.691.653a7.103 7.103 0 00-12.463 2.533 1 1 0 01-1.932-.514 9.103 9.103 0 018.794-6.753z"}))})))};p.defaultProps={title:"Loading Icon",decorative:!0},p.displayName="LoadingIcon";var f,m,u,y=r(u||(f=["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(359deg);\n  }\n"],m=["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(359deg);\n  }\n"],Object.defineProperty?Object.defineProperty(f,"raw",{value:m}):f.raw=m,u=f)),v=t.div(i,o({display:"inline-block",animation:y+" 2s linear infinite","@media screen and (prefers-reduced-motion: reduce)":{animation:"none"}})),b=function(r){var o=r.as,t=r.size,n=r.iconColor,a=r.decorative;return e(v,{size:t},e(p,{as:o,size:t,iconColor:n,decorative:a}))};b.defaultProps={size:"sizeIcon20",decorative:!1},b.displayName="Spinner";export{b as Spinner};

dist/index.js

@@ -1,1 +0,30 @@
-"use strict";function _interopDefault(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),React__default=_interopDefault(React),core=require("@emotion/core"),styled=_interopDefault(require("@emotion/styled")),reactUid=_interopDefault(require("react-uid")),__assign=function(){return(__assign=Object.assign||function(e){for(var n,r=1,t=arguments.length;r<t;r++)for(var o in n=arguments[r])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e}).apply(this,arguments)};function __makeTemplateObject(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e}var commonjsGlobal="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function unwrapExports(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function createCommonjsModule(e,n){return e(n={exports:{}},n.exports),n.exports}var IconWrapper_1=createCommonjsModule((function(e,n){var r=commonjsGlobal&&commonjsGlobal.__makeTemplateObject||function(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e},t=commonjsGlobal&&commonjsGlobal.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};n.__esModule=!0;var o,a=t(styled).default.span(o||(o=r(["\n  ","\n"],["\n  ","\n"])),(function(e){var n=e.size,r=void 0===n?24:n,t=e.color;return"\n    width: "+r+"px;\n    height: "+r+"px;\n    color: "+(void 0===t?"currentColor":t)+";\n    display: inline-block;\n  "}));n.IconWrapper=a}));unwrapExports(IconWrapper_1);var IconWrapper_2=IconWrapper_1.IconWrapper,SpinnerIcon_1=createCommonjsModule((function(e,n){var r=commonjsGlobal&&commonjsGlobal.__assign||function(){return(r=Object.assign||function(e){for(var n,r=1,t=arguments.length;r<t;r++)for(var o in n=arguments[r])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e}).apply(this,arguments)},t=commonjsGlobal&&commonjsGlobal.__rest||function(e,n){var r={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&n.indexOf(t)<0&&(r[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(t=Object.getOwnPropertySymbols(e);o<t.length;o++)n.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(e,t[o])&&(r[t[o]]=e[t[o]])}return r},o=commonjsGlobal&&commonjsGlobal.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var r in e)Object.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n.default=e,n};n.__esModule=!0;var a=o(React__default),l=function(e){var n=e.title,o=e.decorative,l=t(e,["title","decorative"]);return a.createElement(IconWrapper_1.IconWrapper,r({},l),a.createElement(reactUid.UID,null,(function(e){return a.createElement("svg",{role:"img","aria-hidden":o,"aria-labelledby":e,height:"100%",width:"100%",viewBox:"0 0 1024 1024"},a.createElement("title",{id:e},n),a.createElement("path",{fill:"currentColor",d:"M292.778 826.074c0 20.938-7.408 38.815-22.222 53.63-14.815 14.815-32.692 22.222-53.63 22.222-20.543 0-38.321-7.506-53.333-22.519-15.013-15.012-22.519-32.79-22.519-53.333 0-20.938 7.407-38.815 22.222-53.63 14.815-14.814 32.692-22.222 53.63-22.222 20.938 0 38.815 7.408 53.63 22.222 14.814 14.815 22.222 32.692 22.222 53.63m295.111 122.074c0 20.938-7.408 38.815-22.222 53.63-14.815 14.815-32.692 22.222-53.63 22.222-20.938 0-38.815-7.407-53.63-22.222-14.814-14.815-22.222-32.692-22.222-53.63 0-20.938 7.408-38.815 22.222-53.629 14.815-14.815 32.692-22.223 53.63-22.223 20.938 0 38.815 7.408 53.63 22.223 14.814 14.814 22.222 32.691 22.222 53.629M170.704 530.963c0 20.938-7.408 38.815-22.223 53.63-14.814 14.814-32.691 22.222-53.629 22.222-20.938 0-38.815-7.408-53.63-22.222C26.407 569.778 19 551.901 19 530.963c0-20.938 7.407-38.815 22.222-53.63 14.815-14.814 32.692-22.222 53.63-22.222 20.938 0 38.815 7.408 53.629 22.222 14.815 14.815 22.223 32.692 22.223 53.63M883 826.074c0 20.543-7.506 38.321-22.519 53.333-15.012 15.013-32.789 22.519-53.333 22.519-20.938 0-38.815-7.407-53.629-22.222-14.815-14.815-22.223-32.692-22.223-53.63 0-20.938 7.408-38.815 22.223-53.63 14.814-14.814 32.691-22.222 53.629-22.222 20.938 0 38.815 7.408 53.63 22.222C875.593 787.259 883 805.136 883 826.074M311.741 235.852c0 26.074-9.284 48.395-27.852 66.963-18.568 18.568-40.889 27.852-66.963 27.852-26.074 0-48.395-9.284-66.963-27.852-18.568-18.568-27.852-40.889-27.852-66.963 0-26.074 9.284-48.395 27.852-66.963 18.568-18.568 40.889-27.852 66.963-27.852 26.074 0 48.395 9.284 66.963 27.852 18.568 18.568 27.852 40.889 27.852 66.963m693.333 295.111c0 20.938-7.407 38.815-22.222 53.63-14.815 14.814-32.692 22.222-53.63 22.222-20.938 0-38.815-7.408-53.629-22.222-14.815-14.815-22.223-32.692-22.223-53.63 0-20.938 7.408-38.815 22.223-53.63 14.814-14.814 32.691-22.222 53.629-22.222 20.938 0 38.815 7.408 53.63 22.222 14.815 14.815 22.222 32.692 22.222 53.63M625.815 113.778c0 31.605-11.062 58.469-33.185 80.592-22.124 22.124-48.988 33.186-80.593 33.186-31.605 0-58.469-11.062-80.593-33.186-22.123-22.123-33.185-48.987-33.185-80.592 0-31.605 11.062-58.47 33.185-80.593C453.568 11.062 480.432 0 512.037 0c31.605 0 58.469 11.062 80.593 33.185 22.123 22.123 33.185 48.988 33.185 80.593m314.074 122.074c0 36.741-13.037 68.049-39.111 93.926-26.074 25.877-57.284 38.815-93.63 38.815-36.741 0-68.049-12.938-93.926-38.815-25.877-25.877-38.815-57.185-38.815-93.926 0-36.346 12.938-67.556 38.815-93.63 25.877-26.074 57.185-39.111 93.926-39.111 36.346 0 67.556 13.037 93.63 39.111 26.074 26.074 39.111 57.284 39.111 93.63"}))})))};n.SpinnerIcon=l,l.defaultProps={title:"Spinner Icon",decorative:!0},l.displayName="SpinnerIcon"}));unwrapExports(SpinnerIcon_1);var templateObject_1,SpinnerIcon_2=SpinnerIcon_1.SpinnerIcon,rotate=core.keyframes(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(359deg);\n  }\n"],["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(359deg);\n  }\n"]))),SpinningWrapper=styled.div(core.css({display:"inline-block",animation:rotate+" 2s linear infinite","@media screen and (prefers-reduced-motion: reduce)":{animation:"none"}})),Spinner=function(e){return React.createElement(SpinningWrapper,null,React.createElement(SpinnerIcon_2,__assign({},e)))};Spinner.defaultProps={decorative:!1},exports.Spinner=Spinner;
+"use strict";function _interopDefault(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),core=require("@emotion/core"),r$1=_interopDefault(require("@emotion/styled")),styledSystem=require("styled-system"),reactUid=require("react-uid");
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation. All rights reserved.
+Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+this file except in compliance with the License. You may obtain a copy of the
+License at http://www.apache.org/licenses/LICENSE-2.0
+
+THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
+WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
+MERCHANTABLITY OR NON-INFRINGEMENT.
+
+See the Apache Version 2.0 License for specific language governing permissions
+and limitations under the License.
+***************************************************************************** */
+function __makeTemplateObject(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation. All rights reserved.
+Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+this file except in compliance with the License. You may obtain a copy of the
+License at http://www.apache.org/licenses/LICENSE-2.0
+
+THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
+WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
+MERCHANTABLITY OR NON-INFRINGEMENT.
+
+See the Apache Version 2.0 License for specific language governing permissions
+and limitations under the License.
+***************************************************************************** */var n=function(){return(n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e}).apply(this,arguments)};function l(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}return r}var a=styledSystem.system({iconColor:{property:"color",scale:"textColors"}}),p=r$1.span({display:"inline-block"},styledSystem.compose(a,styledSystem.size));p.defaultProps={size:"sizeIcon20",iconColor:"currentColor"},p.displayName="IconWrapper";var r=function(e){var t=e.title,r=e.decorative,a=l(e,["title","decorative"]);return React.createElement(p,n({},a),React.createElement(reactUid.UID,null,(function(e){return React.createElement("svg",{role:"img","aria-hidden":r,"aria-labelledby":e,width:"100%",height:"100%",viewBox:"0 0 24 24"},t?React.createElement("title",{id:e},t):null,React.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M20.085 13.123a1 1 0 01.71 1.224A9.103 9.103 0 014.717 17.46l-.15 1.756a1 1 0 11-1.992-.17l.407-4.773a1 1 0 011.357-.848l4.47 1.728a1 1 0 11-.72 1.865l-1.691-.652a7.103 7.103 0 0012.463-2.533 1 1 0 011.223-.71zM12.008 2.892a9.1 9.1 0 017.283 3.64l.148-1.756a1 1 0 011.993.17l-.407 4.773a1 1 0 01-1.357.847l-4.47-1.727a1 1 0 01.72-1.866l1.691.653a7.103 7.103 0 00-12.463 2.533 1 1 0 01-1.932-.514 9.103 9.103 0 018.794-6.753z"}))})))};r.defaultProps={title:"Loading Icon",decorative:!0},r.displayName="LoadingIcon";var templateObject_1,rotate=core.keyframes(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(359deg);\n  }\n"],["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(359deg);\n  }\n"]))),SpinningWrapper=r$1.div(styledSystem.size,core.css({display:"inline-block",animation:rotate+" 2s linear infinite","@media screen and (prefers-reduced-motion: reduce)":{animation:"none"}})),Spinner=function(e){var t=e.as,n=e.size,a=e.iconColor,o=e.decorative;return React.createElement(SpinningWrapper,{size:n},React.createElement(r,{as:t,size:n,iconColor:a,decorative:o}))};Spinner.defaultProps={size:"sizeIcon20",decorative:!1},Spinner.displayName="Spinner",exports.Spinner=Spinner;

package.json

 {
   "name": "@twilio-paste/spinner",
-  "version": "0.2.0",
+  "version": "1.0.0",
   "category": "feedback",
@@ -33,8 +33,11 @@ "status": "beta",
     "@twilio-paste/icons": "^0.4.0",
+    "@twilio-paste/types": "^1.1.0",
     "react": "^16.8.6",
     "react-dom": "^16.8.6",
-    "react-uid": "^2.2.0"
+    "react-uid": "^2.2.0",
+    "styled-system": "^5.1.2"
   },
   "devDependencies": {
-    "@twilio-paste/icons": "^0.4.0",
+    "@twilio-paste/icons": "^1.0.0",
+    "@twilio-paste/types": "^2.0.0",
     "rollup": "^1.16.2",
@@ -48,3 +51,3 @@ "rollup-plugin-babel": "^4.3.3",
   },
-  "gitHead": "3f8786355696cd4d1df5281cb7f0f18cfd2b8ebe"
+  "gitHead": "380c46893633fe4a11a08f4cd7e218363c4b2109"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Lines of code

79

increased by23.44%

Number of low quality alerts

1

decreased by-66.67%

Number of low supply chain risk alerts

1

decreased by-66.67%

Worsened metrics

Total package byte prevSize

14765

decreased by-13.43%

Dependency count

8

increased by33.33%

Dev dependency count

9

increased by12.5%

No dependency changes