@tds/core-interactive-icon
Advanced tools
@tds/core-interactive-icon - npm Package Compare versions
Comparing version 1.3.2 to 1.4.0
@@ -6,2 +6,13 @@ # Change Log | ||
| # [1.4.0](https://github.com/telus/tds-core/compare/@tds/core-interactive-icon@1.3.2...@tds/core-interactive-icon@1.4.0) (2020-01-22) | ||
| ### Features | ||
| * **core-interactive-icon:** add dependent icon ([e9c90e1](https://github.com/telus/tds-core/commit/e9c90e1)) | ||
| ## [1.3.2](https://github.com/telus/tds-core/compare/@tds/core-interactive-icon@1.3.1...@tds/core-interactive-icon@1.3.2) (2020-01-07) | ||
@@ -8,0 +19,0 @@ |
@@ -957,2 +957,193 @@ 'use strict'; | ||
| var positionStyles = function positionStyles(_ref) { | ||
| var paragraphSize = _ref.paragraphSize; | ||
| var top = 0; | ||
| if (paragraphSize === 'large') { | ||
| top = '-4px'; | ||
| } | ||
| return { | ||
| position: 'relative', | ||
| top: top | ||
| }; | ||
| }; | ||
| var invertStyles = function invertStyles(_ref2) { | ||
| var invert = _ref2.invert; | ||
| return { | ||
| fill: invert && coreColours.colorWhite | ||
| }; | ||
| }; | ||
| var StyledDependentSVG = styled__default.svg.attrs({ | ||
| 'aria-hidden': true, | ||
| focusable: false | ||
| })(positionStyles, invertStyles, function (_ref3) { | ||
| var paragraphSize = _ref3.paragraphSize; | ||
| return { | ||
| width: paragraphSize === 'small' ? 20 : 24, | ||
| height: paragraphSize === 'small' ? 20 : 24 | ||
| }; | ||
| }); | ||
| var Dependent = function Dependent(_ref4) { | ||
| var invert = _ref4.invert, | ||
| children = _ref4.children, | ||
| rest = objectWithoutProperties(_ref4, ["invert", "children"]); | ||
| return React__default.createElement(utilHelpers.DependentIconSizeContext.Consumer, null, function (_ref5) { | ||
| var paragraphSize = _ref5.paragraphSize; | ||
| return React__default.cloneElement(children, _extends_1({ | ||
| paragraphSize: paragraphSize, | ||
| invert: invert | ||
| }, rest)); | ||
| }); | ||
| }; | ||
| Dependent.propTypes = { | ||
| /** | ||
| * @ignore | ||
| */ | ||
| invert: PropTypes.bool, | ||
| /** | ||
| * @ignore | ||
| */ | ||
| children: PropTypes.node.isRequired | ||
| }; | ||
| Dependent.defaultProps = { | ||
| invert: false | ||
| }; | ||
| var Delete = function Delete(props) { | ||
| return React__default.createElement(Dependent, props, React__default.createElement(StyledDependentSVG, { | ||
| width: "24", | ||
| height: "24", | ||
| viewBox: "0 0 24 24" | ||
| }, React__default.createElement("path", { | ||
| d: "M13.687 1c.97 0 1.852.46 2.346 1.213l.093.154.134.24h2.115c1.452 0 2.539 1.04 2.62 2.35l.005.158v.804c0 .462-.369.843-.84.895l-.11.006H20v13.463c0 1.983-1.427 3.609-3.376 3.712l-.197.005h-8.74c-1.983 0-3.58-1.562-3.682-3.52L4 20.283V6.82h-.053c-.485 0-.886-.348-.94-.796L3 5.919v-.804c0-1.33 1.135-2.421 2.565-2.503l.173-.005h2.115l.133-.24c.442-.79 1.29-1.3 2.247-1.36L10.425 1h3.262zM19 6.82v13.463l-.005.172c-.075 1.361-1.046 2.454-2.397 2.54l-.171.005h-8.74l-.171-.005a2.694 2.694 0 01-2.51-2.54L5 20.283V6.82h14zM13.687 2l.166.007c.549.044 1.034.309 1.32.72l.079.127.422.753h2.701l.157.006c.823.066 1.397.642 1.462 1.365l.006.137v.705H4v-.705l.006-.13c.072-.726.739-1.306 1.574-1.372l.158-.006h2.703l.419-.753.08-.128c.286-.41.77-.675 1.319-.72L10.425 2h3.262zM7.5 8.5a.5.5 0 01.492.41L8 9v12a.5.5 0 01-.992.09L7 21V9a.5.5 0 01.5-.5zm3 0a.5.5 0 01.492.41L11 9v12a.5.5 0 01-.992.09L10 21V9a.5.5 0 01.5-.5zm3 0a.5.5 0 01.492.41L14 9v12a.5.5 0 01-.992.09L13 21V9a.5.5 0 01.5-.5zm3 0a.5.5 0 01.492.41L17 9v12a.5.5 0 01-.992.09L16 21V9a.5.5 0 01.5-.5z", | ||
| fillRule: "evenodd" | ||
| }))); | ||
| }; | ||
| Delete.displayName = 'Dependent'; | ||
| var Download = function Download(props) { | ||
| return React__default.createElement(Dependent, props, React__default.createElement(StyledDependentSVG, { | ||
| width: "24", | ||
| height: "24", | ||
| viewBox: "0 0 24 24" | ||
| }, React__default.createElement("path", { | ||
| d: "M22.5 18a.5.5 0 01.492.41l.008.09V23H1v-4.5a.5.5 0 01.992-.09L2 18.5V22h20v-3.5a.5.5 0 01.5-.5zM12.001 2c.253 0 .463.185.507.427l.008.093v15.718l5.604-5.604a.515.515 0 01.788.657l-.06.071-6.483 6.484a.51.51 0 01-.366.15.515.515 0 01-.3-.096l-.065-.054-6.483-6.484a.515.515 0 01.657-.788l.071.06 5.607 5.607V2.52c0-.285.23-.52.515-.52z", | ||
| fillRule: "evenodd" | ||
| }))); | ||
| }; | ||
| Download.displayName = 'Dependent'; | ||
| var DownloadPDF = function DownloadPDF(props) { | ||
| return React__default.createElement(Dependent, props, React__default.createElement(StyledDependentSVG, { | ||
| width: "24", | ||
| height: "24", | ||
| viewBox: "0 0 24 24" | ||
| }, React__default.createElement("path", { | ||
| d: "M17 11c3.308 0 6 2.691 6 6 0 3.308-2.692 6-6 6s-6-2.692-6-6c0-3.309 2.692-6 6-6zm0 1c-2.757 0-5 2.242-5 5 0 2.757 2.243 5 5 5s5-2.243 5-5c0-2.758-2.243-5-5-5zM8.534.004L17.146 0c.435 0 .795.329.847.753L18 .86v8.67a.49.49 0 01-.487.491.488.488 0 01-.478-.403l-.008-.088V.982L8.869.986V5.07a.86.86 0 01-.746.854l-.106.007H3.939l.033 13.088h6.42a.49.49 0 01.486.49.49.49 0 01-.4.484l-.087.008H3.853a.857.857 0 01-.846-.753L3 19.14 3.001 5.59c0-.188.064-.374.177-.523l.073-.085L7.931.256a.848.848 0 01.491-.244l.112-.008zM17.001 14c.25 0 .457.157.5.365l.008.08v4.036l1.624-1.421a.561.561 0 01.718 0 .405.405 0 01.06.567l-.06.062-2.49 2.18a.531.531 0 01-.294.127L17 20l-.067-.004a.59.59 0 01-.128-.03c-.044-.016-.08-.043-.117-.07l-.048-.026-2.49-2.181a.406.406 0 010-.63.564.564 0 01.638-.056l.08.057 1.625 1.422v-4.037c0-.247.226-.445.508-.445zM8 2L5 5h3V2z", | ||
| fillRule: "evenodd" | ||
| }))); | ||
| }; | ||
| DownloadPDF.displayName = 'Dependent'; | ||
| var DownloadPDFs = function DownloadPDFs(props) { | ||
| return React__default.createElement(Dependent, props, React__default.createElement(StyledDependentSVG, { | ||
| width: "24", | ||
| height: "24", | ||
| viewBox: "0 0 24 24" | ||
| }, React__default.createElement("path", { | ||
| d: "M17 11c3.308 0 6 2.691 6 6 0 3.308-2.692 6-6 6s-6-2.692-6-6c0-3.309 2.692-6 6-6zM1.495 7c.243 0 .445.175.486.406l.008.088v13.517h6.517a.494.494 0 01.089.981l-.09.008h-6.64a.867.867 0 01-.858-.758L1 21.134l.001-13.64c0-.272.221-.494.494-.494zM17 12c-2.757 0-5 2.242-5 5 0 2.757 2.243 5 5 5s5-2.243 5-5c0-2.758-2.243-5-5-5zm.146-12c.435 0 .795.329.847.753L18 .86v8.67a.49.49 0 01-.487.491.488.488 0 01-.478-.403l-.008-.088V.982L8.869.986V5.07a.86.86 0 01-.746.854l-.106.007H3.939l.033 13.088h6.42a.49.49 0 01.486.49.49.49 0 01-.4.484l-.087.008H3.853a.857.857 0 01-.846-.753L3 19.14 3.001 5.59c0-.188.064-.374.177-.523l.073-.085L7.931.256a.848.848 0 01.491-.244l.112-.008L17.146 0zm-.145 14c.25 0 .457.157.5.365l.008.08v4.036l1.624-1.421a.561.561 0 01.718 0 .405.405 0 01.06.567l-.06.062-2.49 2.18a.531.531 0 01-.294.127L17 20l-.067-.004a.59.59 0 01-.128-.03c-.044-.016-.08-.043-.117-.07l-.048-.026-2.49-2.181a.406.406 0 010-.63.564.564 0 01.638-.056l.08.057 1.625 1.422v-4.037c0-.247.226-.445.508-.445zM8 2L5 5h3V2z", | ||
| fillRule: "evenodd" | ||
| }))); | ||
| }; | ||
| DownloadPDFs.displayName = 'Dependent'; | ||
| var Edit = function Edit(props) { | ||
| return React__default.createElement(Dependent, props, React__default.createElement(StyledDependentSVG, { | ||
| width: "24", | ||
| height: "24", | ||
| viewBox: "0 0 24 24" | ||
| }, React__default.createElement("path", { | ||
| d: "M19.717 2c.612 0 1.198.235 1.61.646a2.275 2.275 0 01.135 3.086l-.138.148L7.11 20.093a2.215 2.215 0 01-.227.205l-.03.015-4.114 1.648a.544.544 0 01-.581-.119.536.536 0 01-.146-.495l.027-.087 1.644-4.118a.519.519 0 01.07-.124l.05-.056L18.107 2.646A2.281 2.281 0 0119.718 2zm-15.1 15.715l-1.11 2.776 2.772-1.11-1.663-1.666zM16.114 6.167L5.358 16.931l1.68 1.682 1.335-1.37c1.2-1.216 3.012-3.027 5.672-5.67l3.753-3.721-1.683-1.685zm4.454-2.753a1.222 1.222 0 00-1.595-.096l-.103.091-1.993 1.995 1.686 1.689 2.002-1.982c.23-.224.355-.524.355-.844a1.19 1.19 0 00-.352-.853z", | ||
| fillRule: "evenodd" | ||
| }))); | ||
| }; | ||
| Edit.displayName = 'Dependent'; | ||
| var LinkExternal = function LinkExternal(props) { | ||
| return React__default.createElement(Dependent, props, React__default.createElement(StyledDependentSVG, { | ||
| width: "24", | ||
| height: "24", | ||
| viewBox: "0 0 24 24" | ||
| }, React__default.createElement("path", { | ||
| d: "M4.302 5h5.883a.488.488 0 01.087.969l-.087.007H4.302a.325.325 0 00-.319.26l-.007.066v13.396c0 .158.112.289.26.319l.066.007h13.396a.325.325 0 00.319-.26l.007-.066V13.62a.488.488 0 01.968-.088l.008.088v6.078c0 .673-.513 1.228-1.169 1.295l-.133.007H4.302a1.304 1.304 0 01-1.295-1.169L3 19.698V6.302c0-.673.513-1.228 1.169-1.295L4.302 5h5.883-5.883zm8.458-2h7.733a.509.509 0 01.468.314l.003.019a.574.574 0 01.031.112l.005.06v7.736a.505.505 0 01-1 .091l-.009-.09V4.72L9.861 14.852a.503.503 0 01-.772-.643l.06-.07 10.127-10.13H12.76a.504.504 0 01-.091-1l.09-.009h7.734-7.733z", | ||
| fillRule: "evenodd" | ||
| }))); | ||
| }; | ||
| LinkExternal.displayName = 'Dependent'; | ||
| var Print = function Print(props) { | ||
| return React__default.createElement(Dependent, props, React__default.createElement(StyledDependentSVG, { | ||
| width: "24", | ||
| height: "24", | ||
| viewBox: "0 0 24 24" | ||
| }, React__default.createElement("path", { | ||
| d: "M6.042 1h11.917c.225 0 .412.163.45.377l.008.082v6.875h1.375a3.211 3.211 0 013.203 3.026l.005.182v5.5c0 .713-.546 1.302-1.243 1.369l-.132.006h-3.208v4.125a.458.458 0 01-.376.45L17.96 23H6.042a.458.458 0 01-.45-.376l-.008-.082v-4.125H2.375a1.377 1.377 0 01-1.369-1.243L1 17.042v-5.5a3.212 3.212 0 013.027-3.203l.182-.005h1.375V1.459a.46.46 0 01.376-.452L6.042 1zM17.5 14.751h-11v7.333h11v-7.333zm-9.625 4.583h8.25a.46.46 0 01.082.91l-.082.007h-8.25a.459.459 0 01-.082-.91l.082-.007zM19.792 9.25H4.209a2.295 2.295 0 00-2.287 2.135l-.005.157v5.5c0 .225.162.412.376.45l.082.008h3.209v-3.208c0-.225.162-.412.376-.45l.082-.008h11.917c.225 0 .412.162.45.376l.008.082V17.5h3.208a.46.46 0 00.452-.376l.007-.082v-5.5a2.296 2.296 0 00-2.292-2.292zM7.875 16.584h8.25a.46.46 0 01.082.91l-.082.007h-8.25a.459.459 0 01-.082-.91l.082-.007h8.25-8.25zM17.5 1.917h-11v6.417h11V1.917z", | ||
| fillRule: "evenodd" | ||
| }))); | ||
| }; | ||
| Print.displayName = 'Dependent'; | ||
| var Profile = function Profile(props) { | ||
| return React__default.createElement(Dependent, props, React__default.createElement(StyledDependentSVG, { | ||
| width: "24", | ||
| height: "24", | ||
| viewBox: "0 0 24 24" | ||
| }, React__default.createElement("path", { | ||
| d: "M12 1c6.066 0 11.001 4.934 11.001 11 0 6.065-4.935 11-11 11C5.935 23 1 18.065 1 12 1 5.933 5.935 1 12 1zm0 12.745c-3.309 0-6.135 2.541-6.515 5.813a9.938 9.938 0 0013.03 0c-.378-3.271-3.206-5.813-6.514-5.813zM12 2.01C6.493 2.01 2.01 6.49 2.01 12c0 2.577.99 4.923 2.598 6.697.752-3.408 3.83-5.961 7.393-5.961 3.561 0 6.64 2.553 7.391 5.961a9.938 9.938 0 002.6-6.698c0-5.508-4.482-9.99-9.991-9.99zm0 2.315a3.538 3.538 0 013.534 3.535A3.538 3.538 0 0112 11.394 3.538 3.538 0 018.466 7.86 3.538 3.538 0 0112 4.325zm0 1.01A2.527 2.527 0 009.476 7.86 2.527 2.527 0 0012 10.384a2.527 2.527 0 002.525-2.524A2.527 2.527 0 0012 5.335z", | ||
| fillRule: "evenodd" | ||
| }))); | ||
| }; | ||
| Profile.displayName = 'Dependent'; | ||
| var Search = function Search(props) { | ||
| return React__default.createElement(Dependent, props, React__default.createElement(StyledDependentSVG, { | ||
| width: "24", | ||
| height: "24", | ||
| viewBox: "0 0 24 24" | ||
| }, React__default.createElement("path", { | ||
| d: "M10.5 2c4.687 0 8.5 3.813 8.5 8.5 0 2.175-.82 4.161-2.17 5.666l6.036 6.029a.477.477 0 010 .67.468.468 0 01-.666 0l-6.037-6.031A8.466 8.466 0 0110.5 19C5.813 19 2 15.187 2 10.5 2 5.813 5.813 2 10.5 2zm0 1C6.364 3 3 6.364 3 10.5S6.364 18 10.5 18c4.137 0 7.5-3.364 7.5-7.5S14.637 3 10.5 3z", | ||
| fillRule: "evenodd" | ||
| }))); | ||
| }; | ||
| Search.displayName = 'Dependent'; | ||
| var Settings = function Settings(props) { | ||
| return React__default.createElement(Dependent, props, React__default.createElement(StyledDependentSVG, { | ||
| width: "24", | ||
| height: "24", | ||
| viewBox: "0 0 24 24" | ||
| }, React__default.createElement("path", { | ||
| d: "M14.068 23H9.934a.96.96 0 01-.952-.844l-.357-2.53a8.034 8.034 0 01-1.403-.832l-2.34.959a.966.966 0 01-1.192-.438L1.63 15.677c-.235-.44-.135-.966.233-1.263l1.984-1.584a8.833 8.833 0 01-.045-.83c0-.252.016-.52.047-.83L1.866 9.59a.997.997 0 01-.233-1.269l2.063-3.644a.946.946 0 011.184-.43l2.345.96a8.243 8.243 0 011.401-.832l.357-2.54A.96.96 0 019.935 1h4.134a.96.96 0 01.952.844l.356 2.531c.486.224.956.501 1.403.832l2.34-.958a.963.963 0 011.192.437l2.06 3.638c.236.44.135.966-.233 1.263l-1.984 1.583c.024.244.047.528.047.83 0 .302-.022.586-.047.83l1.982 1.582c.37.3.47.826.241 1.255l-2.072 3.657a.949.949 0 01-1.183.43l-2.346-.96c-.468.34-.93.614-1.401.832l-.356 2.539a.96.96 0 01-.952.835m-6.73-5.234c.095 0 .19.032.27.095a7.043 7.043 0 001.627.965.454.454 0 01.271.356l.39 2.77 4.15.048.449-2.819a.45.45 0 01.271-.356 7.344 7.344 0 001.63-.967.44.44 0 01.433-.059l2.545 1.045 2.118-3.652c.014-.026.01-.067-.013-.086l-2.156-1.724a.456.456 0 01-.166-.414c.033-.276.068-.607.068-.968 0-.36-.035-.692-.068-.968a.456.456 0 01.166-.414l2.159-1.725c.021-.017.024-.057.006-.093l-2.04-3.608-2.618 1.01a.434.434 0 01-.437-.061 7.014 7.014 0 00-1.627-.965.45.45 0 01-.271-.356l-.39-2.77L9.956 2l-.45 2.82a.453.453 0 01-.27.356 7.311 7.311 0 00-1.63.967.436.436 0 01-.433.06L4.626 5.156 2.508 8.809l2.169 1.809a.456.456 0 01.166.414 8.235 8.235 0 00-.068.968c0 .28.022.587.068.968a.456.456 0 01-.166.414l-2.159 1.725c-.02.017-.025.058-.006.094l2.04 3.608 2.619-1.01a.43.43 0 01.166-.033M12 17c-2.48 0-4.5-2.02-4.5-4.5S9.52 8 12 8c2.482 0 4.5 2.02 4.5 4.5S14.482 17 12 17m0-8c-1.93 0-3.5 1.57-3.5 3.5S10.07 16 12 16s3.5-1.57 3.5-3.5S13.93 9 12 9", | ||
| fillRule: "evenodd" | ||
| }))); | ||
| }; | ||
| Settings.displayName = 'Dependent'; | ||
| exports.Add = Add; | ||
@@ -966,6 +1157,16 @@ exports.CaretDown = CaretDown; | ||
| exports.Close = Close; | ||
| exports.Delete = Delete; | ||
| exports.Download = Download; | ||
| exports.DownloadPDF = DownloadPDF; | ||
| exports.DownloadPDFs = DownloadPDFs; | ||
| exports.Edit = Edit; | ||
| exports.LinkExternal = LinkExternal; | ||
| exports.NotifyBold = NotifyBold; | ||
| exports.PlayVideo = PlayVideo; | ||
| exports.Print = Print; | ||
| exports.Profile = Profile; | ||
| exports.ProfileBold = ProfileBold; | ||
| exports.Search = Search; | ||
| exports.SearchBold = SearchBold; | ||
| exports.Settings = Settings; | ||
| exports.SettingsBold = SettingsBold; | ||
@@ -972,0 +1173,0 @@ exports.Subtract = Subtract; |
@@ -6,3 +6,3 @@ import React, { forwardRef, useRef, useState, useEffect } from 'react'; | ||
| import { colorWhite, colorTelusPurple, colorGreyGainsboro, colorGreyShark, colorShark, colorAccessibleGreen, colorGreyShuttle, colorTelusGreen } from '@tds/core-colours'; | ||
| import { safeRest, uniqueId, getCopy } from '@tds/util-helpers'; | ||
| import { safeRest, uniqueId, getCopy, DependentIconSizeContext } from '@tds/util-helpers'; | ||
| import { buttons } from '@tds/shared-styles'; | ||
@@ -950,2 +950,193 @@ import Text from '@tds/core-text'; | ||
| export { Add, CaretDown, CaretUp, CartEmptyBold, CartFilledBold, ChevronLeft, ChevronRight, Close, NotifyBold, PlayVideo, ProfileBold, SearchBold, SettingsBold, Subtract, SupportBold, UserAddBold }; | ||
| var positionStyles = function positionStyles(_ref) { | ||
| var paragraphSize = _ref.paragraphSize; | ||
| var top = 0; | ||
| if (paragraphSize === 'large') { | ||
| top = '-4px'; | ||
| } | ||
| return { | ||
| position: 'relative', | ||
| top: top | ||
| }; | ||
| }; | ||
| var invertStyles = function invertStyles(_ref2) { | ||
| var invert = _ref2.invert; | ||
| return { | ||
| fill: invert && colorWhite | ||
| }; | ||
| }; | ||
| var StyledDependentSVG = styled.svg.attrs({ | ||
| 'aria-hidden': true, | ||
| focusable: false | ||
| })(positionStyles, invertStyles, function (_ref3) { | ||
| var paragraphSize = _ref3.paragraphSize; | ||
| return { | ||
| width: paragraphSize === 'small' ? 20 : 24, | ||
| height: paragraphSize === 'small' ? 20 : 24 | ||
| }; | ||
| }); | ||
| var Dependent = function Dependent(_ref4) { | ||
| var invert = _ref4.invert, | ||
| children = _ref4.children, | ||
| rest = objectWithoutProperties(_ref4, ["invert", "children"]); | ||
| return React.createElement(DependentIconSizeContext.Consumer, null, function (_ref5) { | ||
| var paragraphSize = _ref5.paragraphSize; | ||
| return React.cloneElement(children, _extends_1({ | ||
| paragraphSize: paragraphSize, | ||
| invert: invert | ||
| }, rest)); | ||
| }); | ||
| }; | ||
| Dependent.propTypes = { | ||
| /** | ||
| * @ignore | ||
| */ | ||
| invert: PropTypes.bool, | ||
| /** | ||
| * @ignore | ||
| */ | ||
| children: PropTypes.node.isRequired | ||
| }; | ||
| Dependent.defaultProps = { | ||
| invert: false | ||
| }; | ||
| var Delete = function Delete(props) { | ||
| return React.createElement(Dependent, props, React.createElement(StyledDependentSVG, { | ||
| width: "24", | ||
| height: "24", | ||
| viewBox: "0 0 24 24" | ||
| }, React.createElement("path", { | ||
| d: "M13.687 1c.97 0 1.852.46 2.346 1.213l.093.154.134.24h2.115c1.452 0 2.539 1.04 2.62 2.35l.005.158v.804c0 .462-.369.843-.84.895l-.11.006H20v13.463c0 1.983-1.427 3.609-3.376 3.712l-.197.005h-8.74c-1.983 0-3.58-1.562-3.682-3.52L4 20.283V6.82h-.053c-.485 0-.886-.348-.94-.796L3 5.919v-.804c0-1.33 1.135-2.421 2.565-2.503l.173-.005h2.115l.133-.24c.442-.79 1.29-1.3 2.247-1.36L10.425 1h3.262zM19 6.82v13.463l-.005.172c-.075 1.361-1.046 2.454-2.397 2.54l-.171.005h-8.74l-.171-.005a2.694 2.694 0 01-2.51-2.54L5 20.283V6.82h14zM13.687 2l.166.007c.549.044 1.034.309 1.32.72l.079.127.422.753h2.701l.157.006c.823.066 1.397.642 1.462 1.365l.006.137v.705H4v-.705l.006-.13c.072-.726.739-1.306 1.574-1.372l.158-.006h2.703l.419-.753.08-.128c.286-.41.77-.675 1.319-.72L10.425 2h3.262zM7.5 8.5a.5.5 0 01.492.41L8 9v12a.5.5 0 01-.992.09L7 21V9a.5.5 0 01.5-.5zm3 0a.5.5 0 01.492.41L11 9v12a.5.5 0 01-.992.09L10 21V9a.5.5 0 01.5-.5zm3 0a.5.5 0 01.492.41L14 9v12a.5.5 0 01-.992.09L13 21V9a.5.5 0 01.5-.5zm3 0a.5.5 0 01.492.41L17 9v12a.5.5 0 01-.992.09L16 21V9a.5.5 0 01.5-.5z", | ||
| fillRule: "evenodd" | ||
| }))); | ||
| }; | ||
| Delete.displayName = 'Dependent'; | ||
| var Download = function Download(props) { | ||
| return React.createElement(Dependent, props, React.createElement(StyledDependentSVG, { | ||
| width: "24", | ||
| height: "24", | ||
| viewBox: "0 0 24 24" | ||
| }, React.createElement("path", { | ||
| d: "M22.5 18a.5.5 0 01.492.41l.008.09V23H1v-4.5a.5.5 0 01.992-.09L2 18.5V22h20v-3.5a.5.5 0 01.5-.5zM12.001 2c.253 0 .463.185.507.427l.008.093v15.718l5.604-5.604a.515.515 0 01.788.657l-.06.071-6.483 6.484a.51.51 0 01-.366.15.515.515 0 01-.3-.096l-.065-.054-6.483-6.484a.515.515 0 01.657-.788l.071.06 5.607 5.607V2.52c0-.285.23-.52.515-.52z", | ||
| fillRule: "evenodd" | ||
| }))); | ||
| }; | ||
| Download.displayName = 'Dependent'; | ||
| var DownloadPDF = function DownloadPDF(props) { | ||
| return React.createElement(Dependent, props, React.createElement(StyledDependentSVG, { | ||
| width: "24", | ||
| height: "24", | ||
| viewBox: "0 0 24 24" | ||
| }, React.createElement("path", { | ||
| d: "M17 11c3.308 0 6 2.691 6 6 0 3.308-2.692 6-6 6s-6-2.692-6-6c0-3.309 2.692-6 6-6zm0 1c-2.757 0-5 2.242-5 5 0 2.757 2.243 5 5 5s5-2.243 5-5c0-2.758-2.243-5-5-5zM8.534.004L17.146 0c.435 0 .795.329.847.753L18 .86v8.67a.49.49 0 01-.487.491.488.488 0 01-.478-.403l-.008-.088V.982L8.869.986V5.07a.86.86 0 01-.746.854l-.106.007H3.939l.033 13.088h6.42a.49.49 0 01.486.49.49.49 0 01-.4.484l-.087.008H3.853a.857.857 0 01-.846-.753L3 19.14 3.001 5.59c0-.188.064-.374.177-.523l.073-.085L7.931.256a.848.848 0 01.491-.244l.112-.008zM17.001 14c.25 0 .457.157.5.365l.008.08v4.036l1.624-1.421a.561.561 0 01.718 0 .405.405 0 01.06.567l-.06.062-2.49 2.18a.531.531 0 01-.294.127L17 20l-.067-.004a.59.59 0 01-.128-.03c-.044-.016-.08-.043-.117-.07l-.048-.026-2.49-2.181a.406.406 0 010-.63.564.564 0 01.638-.056l.08.057 1.625 1.422v-4.037c0-.247.226-.445.508-.445zM8 2L5 5h3V2z", | ||
| fillRule: "evenodd" | ||
| }))); | ||
| }; | ||
| DownloadPDF.displayName = 'Dependent'; | ||
| var DownloadPDFs = function DownloadPDFs(props) { | ||
| return React.createElement(Dependent, props, React.createElement(StyledDependentSVG, { | ||
| width: "24", | ||
| height: "24", | ||
| viewBox: "0 0 24 24" | ||
| }, React.createElement("path", { | ||
| d: "M17 11c3.308 0 6 2.691 6 6 0 3.308-2.692 6-6 6s-6-2.692-6-6c0-3.309 2.692-6 6-6zM1.495 7c.243 0 .445.175.486.406l.008.088v13.517h6.517a.494.494 0 01.089.981l-.09.008h-6.64a.867.867 0 01-.858-.758L1 21.134l.001-13.64c0-.272.221-.494.494-.494zM17 12c-2.757 0-5 2.242-5 5 0 2.757 2.243 5 5 5s5-2.243 5-5c0-2.758-2.243-5-5-5zm.146-12c.435 0 .795.329.847.753L18 .86v8.67a.49.49 0 01-.487.491.488.488 0 01-.478-.403l-.008-.088V.982L8.869.986V5.07a.86.86 0 01-.746.854l-.106.007H3.939l.033 13.088h6.42a.49.49 0 01.486.49.49.49 0 01-.4.484l-.087.008H3.853a.857.857 0 01-.846-.753L3 19.14 3.001 5.59c0-.188.064-.374.177-.523l.073-.085L7.931.256a.848.848 0 01.491-.244l.112-.008L17.146 0zm-.145 14c.25 0 .457.157.5.365l.008.08v4.036l1.624-1.421a.561.561 0 01.718 0 .405.405 0 01.06.567l-.06.062-2.49 2.18a.531.531 0 01-.294.127L17 20l-.067-.004a.59.59 0 01-.128-.03c-.044-.016-.08-.043-.117-.07l-.048-.026-2.49-2.181a.406.406 0 010-.63.564.564 0 01.638-.056l.08.057 1.625 1.422v-4.037c0-.247.226-.445.508-.445zM8 2L5 5h3V2z", | ||
| fillRule: "evenodd" | ||
| }))); | ||
| }; | ||
| DownloadPDFs.displayName = 'Dependent'; | ||
| var Edit = function Edit(props) { | ||
| return React.createElement(Dependent, props, React.createElement(StyledDependentSVG, { | ||
| width: "24", | ||
| height: "24", | ||
| viewBox: "0 0 24 24" | ||
| }, React.createElement("path", { | ||
| d: "M19.717 2c.612 0 1.198.235 1.61.646a2.275 2.275 0 01.135 3.086l-.138.148L7.11 20.093a2.215 2.215 0 01-.227.205l-.03.015-4.114 1.648a.544.544 0 01-.581-.119.536.536 0 01-.146-.495l.027-.087 1.644-4.118a.519.519 0 01.07-.124l.05-.056L18.107 2.646A2.281 2.281 0 0119.718 2zm-15.1 15.715l-1.11 2.776 2.772-1.11-1.663-1.666zM16.114 6.167L5.358 16.931l1.68 1.682 1.335-1.37c1.2-1.216 3.012-3.027 5.672-5.67l3.753-3.721-1.683-1.685zm4.454-2.753a1.222 1.222 0 00-1.595-.096l-.103.091-1.993 1.995 1.686 1.689 2.002-1.982c.23-.224.355-.524.355-.844a1.19 1.19 0 00-.352-.853z", | ||
| fillRule: "evenodd" | ||
| }))); | ||
| }; | ||
| Edit.displayName = 'Dependent'; | ||
| var LinkExternal = function LinkExternal(props) { | ||
| return React.createElement(Dependent, props, React.createElement(StyledDependentSVG, { | ||
| width: "24", | ||
| height: "24", | ||
| viewBox: "0 0 24 24" | ||
| }, React.createElement("path", { | ||
| d: "M4.302 5h5.883a.488.488 0 01.087.969l-.087.007H4.302a.325.325 0 00-.319.26l-.007.066v13.396c0 .158.112.289.26.319l.066.007h13.396a.325.325 0 00.319-.26l.007-.066V13.62a.488.488 0 01.968-.088l.008.088v6.078c0 .673-.513 1.228-1.169 1.295l-.133.007H4.302a1.304 1.304 0 01-1.295-1.169L3 19.698V6.302c0-.673.513-1.228 1.169-1.295L4.302 5h5.883-5.883zm8.458-2h7.733a.509.509 0 01.468.314l.003.019a.574.574 0 01.031.112l.005.06v7.736a.505.505 0 01-1 .091l-.009-.09V4.72L9.861 14.852a.503.503 0 01-.772-.643l.06-.07 10.127-10.13H12.76a.504.504 0 01-.091-1l.09-.009h7.734-7.733z", | ||
| fillRule: "evenodd" | ||
| }))); | ||
| }; | ||
| LinkExternal.displayName = 'Dependent'; | ||
| var Print = function Print(props) { | ||
| return React.createElement(Dependent, props, React.createElement(StyledDependentSVG, { | ||
| width: "24", | ||
| height: "24", | ||
| viewBox: "0 0 24 24" | ||
| }, React.createElement("path", { | ||
| d: "M6.042 1h11.917c.225 0 .412.163.45.377l.008.082v6.875h1.375a3.211 3.211 0 013.203 3.026l.005.182v5.5c0 .713-.546 1.302-1.243 1.369l-.132.006h-3.208v4.125a.458.458 0 01-.376.45L17.96 23H6.042a.458.458 0 01-.45-.376l-.008-.082v-4.125H2.375a1.377 1.377 0 01-1.369-1.243L1 17.042v-5.5a3.212 3.212 0 013.027-3.203l.182-.005h1.375V1.459a.46.46 0 01.376-.452L6.042 1zM17.5 14.751h-11v7.333h11v-7.333zm-9.625 4.583h8.25a.46.46 0 01.082.91l-.082.007h-8.25a.459.459 0 01-.082-.91l.082-.007zM19.792 9.25H4.209a2.295 2.295 0 00-2.287 2.135l-.005.157v5.5c0 .225.162.412.376.45l.082.008h3.209v-3.208c0-.225.162-.412.376-.45l.082-.008h11.917c.225 0 .412.162.45.376l.008.082V17.5h3.208a.46.46 0 00.452-.376l.007-.082v-5.5a2.296 2.296 0 00-2.292-2.292zM7.875 16.584h8.25a.46.46 0 01.082.91l-.082.007h-8.25a.459.459 0 01-.082-.91l.082-.007h8.25-8.25zM17.5 1.917h-11v6.417h11V1.917z", | ||
| fillRule: "evenodd" | ||
| }))); | ||
| }; | ||
| Print.displayName = 'Dependent'; | ||
| var Profile = function Profile(props) { | ||
| return React.createElement(Dependent, props, React.createElement(StyledDependentSVG, { | ||
| width: "24", | ||
| height: "24", | ||
| viewBox: "0 0 24 24" | ||
| }, React.createElement("path", { | ||
| d: "M12 1c6.066 0 11.001 4.934 11.001 11 0 6.065-4.935 11-11 11C5.935 23 1 18.065 1 12 1 5.933 5.935 1 12 1zm0 12.745c-3.309 0-6.135 2.541-6.515 5.813a9.938 9.938 0 0013.03 0c-.378-3.271-3.206-5.813-6.514-5.813zM12 2.01C6.493 2.01 2.01 6.49 2.01 12c0 2.577.99 4.923 2.598 6.697.752-3.408 3.83-5.961 7.393-5.961 3.561 0 6.64 2.553 7.391 5.961a9.938 9.938 0 002.6-6.698c0-5.508-4.482-9.99-9.991-9.99zm0 2.315a3.538 3.538 0 013.534 3.535A3.538 3.538 0 0112 11.394 3.538 3.538 0 018.466 7.86 3.538 3.538 0 0112 4.325zm0 1.01A2.527 2.527 0 009.476 7.86 2.527 2.527 0 0012 10.384a2.527 2.527 0 002.525-2.524A2.527 2.527 0 0012 5.335z", | ||
| fillRule: "evenodd" | ||
| }))); | ||
| }; | ||
| Profile.displayName = 'Dependent'; | ||
| var Search = function Search(props) { | ||
| return React.createElement(Dependent, props, React.createElement(StyledDependentSVG, { | ||
| width: "24", | ||
| height: "24", | ||
| viewBox: "0 0 24 24" | ||
| }, React.createElement("path", { | ||
| d: "M10.5 2c4.687 0 8.5 3.813 8.5 8.5 0 2.175-.82 4.161-2.17 5.666l6.036 6.029a.477.477 0 010 .67.468.468 0 01-.666 0l-6.037-6.031A8.466 8.466 0 0110.5 19C5.813 19 2 15.187 2 10.5 2 5.813 5.813 2 10.5 2zm0 1C6.364 3 3 6.364 3 10.5S6.364 18 10.5 18c4.137 0 7.5-3.364 7.5-7.5S14.637 3 10.5 3z", | ||
| fillRule: "evenodd" | ||
| }))); | ||
| }; | ||
| Search.displayName = 'Dependent'; | ||
| var Settings = function Settings(props) { | ||
| return React.createElement(Dependent, props, React.createElement(StyledDependentSVG, { | ||
| width: "24", | ||
| height: "24", | ||
| viewBox: "0 0 24 24" | ||
| }, React.createElement("path", { | ||
| d: "M14.068 23H9.934a.96.96 0 01-.952-.844l-.357-2.53a8.034 8.034 0 01-1.403-.832l-2.34.959a.966.966 0 01-1.192-.438L1.63 15.677c-.235-.44-.135-.966.233-1.263l1.984-1.584a8.833 8.833 0 01-.045-.83c0-.252.016-.52.047-.83L1.866 9.59a.997.997 0 01-.233-1.269l2.063-3.644a.946.946 0 011.184-.43l2.345.96a8.243 8.243 0 011.401-.832l.357-2.54A.96.96 0 019.935 1h4.134a.96.96 0 01.952.844l.356 2.531c.486.224.956.501 1.403.832l2.34-.958a.963.963 0 011.192.437l2.06 3.638c.236.44.135.966-.233 1.263l-1.984 1.583c.024.244.047.528.047.83 0 .302-.022.586-.047.83l1.982 1.582c.37.3.47.826.241 1.255l-2.072 3.657a.949.949 0 01-1.183.43l-2.346-.96c-.468.34-.93.614-1.401.832l-.356 2.539a.96.96 0 01-.952.835m-6.73-5.234c.095 0 .19.032.27.095a7.043 7.043 0 001.627.965.454.454 0 01.271.356l.39 2.77 4.15.048.449-2.819a.45.45 0 01.271-.356 7.344 7.344 0 001.63-.967.44.44 0 01.433-.059l2.545 1.045 2.118-3.652c.014-.026.01-.067-.013-.086l-2.156-1.724a.456.456 0 01-.166-.414c.033-.276.068-.607.068-.968 0-.36-.035-.692-.068-.968a.456.456 0 01.166-.414l2.159-1.725c.021-.017.024-.057.006-.093l-2.04-3.608-2.618 1.01a.434.434 0 01-.437-.061 7.014 7.014 0 00-1.627-.965.45.45 0 01-.271-.356l-.39-2.77L9.956 2l-.45 2.82a.453.453 0 01-.27.356 7.311 7.311 0 00-1.63.967.436.436 0 01-.433.06L4.626 5.156 2.508 8.809l2.169 1.809a.456.456 0 01.166.414 8.235 8.235 0 00-.068.968c0 .28.022.587.068.968a.456.456 0 01-.166.414l-2.159 1.725c-.02.017-.025.058-.006.094l2.04 3.608 2.619-1.01a.43.43 0 01.166-.033M12 17c-2.48 0-4.5-2.02-4.5-4.5S9.52 8 12 8c2.482 0 4.5 2.02 4.5 4.5S14.482 17 12 17m0-8c-1.93 0-3.5 1.57-3.5 3.5S10.07 16 12 16s3.5-1.57 3.5-3.5S13.93 9 12 9", | ||
| fillRule: "evenodd" | ||
| }))); | ||
| }; | ||
| Settings.displayName = 'Dependent'; | ||
| export { Add, CaretDown, CaretUp, CartEmptyBold, CartFilledBold, ChevronLeft, ChevronRight, Close, Delete, Download, DownloadPDF, DownloadPDFs, Edit, LinkExternal, NotifyBold, PlayVideo, Print, Profile, ProfileBold, Search, SearchBold, Settings, SettingsBold, Subtract, SupportBold, UserAddBold }; |
| { | ||
| "name": "@tds/core-interactive-icon", | ||
| "version": "1.3.2", | ||
| "version": "1.4.0", | ||
| "description": "", | ||
@@ -29,10 +29,10 @@ "main": "index.cjs.js", | ||
| "dependencies": { | ||
| "@tds/core-a11y-content": "^2.1.1", | ||
| "@tds/core-a11y-content": "^2.1.2", | ||
| "@tds/core-colours": "^2.2.1", | ||
| "@tds/core-text": "^3.0.0", | ||
| "@tds/core-text": "^3.0.1", | ||
| "@tds/shared-styles": "^1.5.2", | ||
| "@tds/util-helpers": "^1.2.0", | ||
| "@tds/util-helpers": "^1.3.0", | ||
| "prop-types": "^15.5.10" | ||
| }, | ||
| "gitHead": "055b28e79e54b62be7d9eec7281c5bdeb265bbc7" | ||
| "gitHead": "f4f83511c3f9559e7dbe15006223fc62a0b0b160" | ||
| } |
| export * from './InteractiveButton' | ||
| export * from './Limited' | ||
| export * from './NavButton' | ||
| export * from './Dependent' |
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by31.12%
179636
- Number of package files
- increased by34.09%
59
- Lines of code
- increased by23.52%
3356
Worsened metrics
- Number of low supply chain risk alerts
- increased by66.67%
10
Dependency changes
Updated@tds/core-text@^3.0.1
Updated@tds/util-helpers@^1.3.0