From 784f604b0f3b612ad52ace8293a412a7bf54cab4 Mon Sep 17 00:00:00 2001 From: Brian Smith <112954497+brian-smith-tcril@users.noreply.github.com> Date: Thu, 25 Apr 2024 10:02:35 -0400 Subject: [PATCH] feat: add LMS icons (#3029) Co-authored-by: ihor-romaniuk --- icons/es5/LmsBook.js | 15 +++++++++++ icons/es5/LmsBookComplete.js | 17 +++++++++++++ icons/es5/LmsCompletionSolid.js | 15 +++++++++++ icons/es5/LmsEditSquare.js | 15 +++++++++++ icons/es5/LmsEditSquareComplete.js | 17 +++++++++++++ icons/es5/LmsEditsquare.js | 15 +++++++++++ icons/es5/LmsEditsquareComplete.js | 27 ++++++++++++++++++++ icons/es5/LmsOutline.js | 33 +++++++++++++++++++++++++ icons/es5/LmsVideocam.js | 15 +++++++++++ icons/es5/LmsVideocamComplete.js | 17 +++++++++++++ icons/es5/index.js | 8 ++++++ icons/es5/index.ts | 8 ++++++ icons/jsx/LmsBook.jsx | 17 +++++++++++++ icons/jsx/LmsBookComplete.jsx | 19 ++++++++++++++ icons/jsx/LmsCompletionSolid.jsx | 17 +++++++++++++ icons/jsx/LmsEditSquare.jsx | 17 +++++++++++++ icons/jsx/LmsEditSquareComplete.jsx | 19 ++++++++++++++ icons/jsx/LmsEditsquare.jsx | 17 +++++++++++++ icons/jsx/LmsEditsquareComplete.jsx | 27 ++++++++++++++++++++ icons/jsx/LmsOutline.jsx | 18 ++++++++++++++ icons/jsx/LmsVideocam.jsx | 17 +++++++++++++ icons/jsx/LmsVideocamComplete.jsx | 19 ++++++++++++++ icons/jsx/index.jsx | 8 ++++++ icons/svg/lms_book.svg | 12 +++++++++ icons/svg/lms_book_complete.svg | 3 +++ icons/svg/lms_completion_solid.svg | 9 +++++++ icons/svg/lms_edit_square.svg | 12 +++++++++ icons/svg/lms_edit_square_complete.svg | 3 +++ icons/svg/lms_outline.svg | 14 +++++++++++ icons/svg/lms_videocam.svg | 23 +++++++++++++++++ icons/svg/lms_videocam_complete.svg | 3 +++ www/src/config.js | 12 ++++++--- www/src/pages/foundations/lms-icons.mdx | 24 ++++++++++++++++++ 33 files changed, 508 insertions(+), 4 deletions(-) create mode 100644 icons/es5/LmsBook.js create mode 100644 icons/es5/LmsBookComplete.js create mode 100644 icons/es5/LmsCompletionSolid.js create mode 100644 icons/es5/LmsEditSquare.js create mode 100644 icons/es5/LmsEditSquareComplete.js create mode 100644 icons/es5/LmsEditsquare.js create mode 100644 icons/es5/LmsEditsquareComplete.js create mode 100644 icons/es5/LmsOutline.js create mode 100644 icons/es5/LmsVideocam.js create mode 100644 icons/es5/LmsVideocamComplete.js create mode 100644 icons/jsx/LmsBook.jsx create mode 100644 icons/jsx/LmsBookComplete.jsx create mode 100644 icons/jsx/LmsCompletionSolid.jsx create mode 100644 icons/jsx/LmsEditSquare.jsx create mode 100644 icons/jsx/LmsEditSquareComplete.jsx create mode 100644 icons/jsx/LmsEditsquare.jsx create mode 100644 icons/jsx/LmsEditsquareComplete.jsx create mode 100644 icons/jsx/LmsOutline.jsx create mode 100644 icons/jsx/LmsVideocam.jsx create mode 100644 icons/jsx/LmsVideocamComplete.jsx create mode 100644 icons/svg/lms_book.svg create mode 100644 icons/svg/lms_book_complete.svg create mode 100644 icons/svg/lms_completion_solid.svg create mode 100644 icons/svg/lms_edit_square.svg create mode 100644 icons/svg/lms_edit_square_complete.svg create mode 100644 icons/svg/lms_outline.svg create mode 100644 icons/svg/lms_videocam.svg create mode 100644 icons/svg/lms_videocam_complete.svg create mode 100644 www/src/pages/foundations/lms-icons.mdx diff --git a/icons/es5/LmsBook.js b/icons/es5/LmsBook.js new file mode 100644 index 0000000000..a40b277a33 --- /dev/null +++ b/icons/es5/LmsBook.js @@ -0,0 +1,15 @@ +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); } +import * as React from "react"; +var SvgLmsBook = function SvgLmsBook(props) { + return /*#__PURE__*/React.createElement("svg", _extends({ + width: 24, + height: 24, + viewBox: "0 0 24 24", + fill: "none", + xmlns: "http://www.w3.org/2000/svg" + }, props), /*#__PURE__*/React.createElement("path", { + d: "M7.5 22a3.372 3.372 0 0 1-2.475-1.025A3.372 3.372 0 0 1 4 18.5v-13c0-.967.342-1.792 1.025-2.475A3.372 3.372 0 0 1 7.5 2H20v15c-.417 0-.77.146-1.063.438A1.446 1.446 0 0 0 18.5 18.5c0 .417.146.77.438 1.063.291.291.645.437 1.062.437v2H7.5ZM6 15.325c.233-.117.475-.2.725-.25.25-.05.508-.075.775-.075H8V4h-.5c-.417 0-.77.146-1.063.438A1.447 1.447 0 0 0 6 5.5v9.825ZM10 15h8V4h-8v11Zm-2.5 5h9.325c-.1-.233-.18-.47-.238-.712a3.354 3.354 0 0 1-.087-.788c0-.267.025-.525.075-.775.05-.25.133-.492.25-.725H7.5c-.433 0-.792.146-1.075.438A1.468 1.468 0 0 0 6 18.5c0 .433.142.792.425 1.075.283.283.642.425 1.075.425Z", + fill: "currentColor" + })); +}; +export default SvgLmsBook; \ No newline at end of file diff --git a/icons/es5/LmsBookComplete.js b/icons/es5/LmsBookComplete.js new file mode 100644 index 0000000000..55a1811d0e --- /dev/null +++ b/icons/es5/LmsBookComplete.js @@ -0,0 +1,17 @@ +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); } +import * as React from "react"; +var SvgLmsBookComplete = function SvgLmsBookComplete(props) { + return /*#__PURE__*/React.createElement("svg", _extends({ + width: 24, + height: 24, + viewBox: "0 0 24 24", + fill: "none", + xmlns: "http://www.w3.org/2000/svg" + }, props), /*#__PURE__*/React.createElement("path", { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M19 22h-7.255c.422-.604.75-1.278.965-2h4.115c-.1-.233-.18-.47-.238-.712a3.354 3.354 0 0 1-.087-.788c0-.267.025-.525.075-.775.05-.25.133-.492.25-.725h-3.896A6.999 6.999 0 0 0 10 12.255V5a.968.968 0 0 0-.287-.713A.968.968 0 0 0 9 4a.968.968 0 0 0-.713.287A.968.968 0 0 0 8 5v6.29A7.001 7.001 0 0 0 6 11c-.695 0-1.366.101-2 .29V5.5c0-.967.342-1.792 1.025-2.475A3.372 3.372 0 0 1 7.5 2H18c.55 0 1.02.196 1.413.587C19.803 2.98 20 3.45 20 4v12.525a.502.502 0 0 1-.163.363c-.108.108-.304.229-.587.362a1.33 1.33 0 0 0-.55.5c-.133.217-.2.467-.2.75s.067.538.2.762c.133.226.317.388.55.488.233.1.417.238.55.413.133.174.2.362.2.562v.25c0 .283-.096.525-.288.725-.191.2-.429.3-.712.3ZM0 18c0-3.312 2.688-6 6-6s6 2.688 6 6-2.688 6-6 6-6-2.688-6-6Zm1.8 0 3 3 5.4-5.4-.846-.852L4.8 19.302l-2.154-2.148L1.8 18Z", + fill: "currentColor" + })); +}; +export default SvgLmsBookComplete; \ No newline at end of file diff --git a/icons/es5/LmsCompletionSolid.js b/icons/es5/LmsCompletionSolid.js new file mode 100644 index 0000000000..e2c25bc31d --- /dev/null +++ b/icons/es5/LmsCompletionSolid.js @@ -0,0 +1,15 @@ +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); } +import * as React from "react"; +var SvgLmsCompletionSolid = function SvgLmsCompletionSolid(props) { + return /*#__PURE__*/React.createElement("svg", _extends({ + width: 24, + height: 24, + viewBox: "0 0 24 24", + fill: "none", + xmlns: "http://www.w3.org/2000/svg" + }, props), /*#__PURE__*/React.createElement("path", { + d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2Zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8Z", + fill: "currentColor" + })); +}; +export default SvgLmsCompletionSolid; \ No newline at end of file diff --git a/icons/es5/LmsEditSquare.js b/icons/es5/LmsEditSquare.js new file mode 100644 index 0000000000..a0a8994f52 --- /dev/null +++ b/icons/es5/LmsEditSquare.js @@ -0,0 +1,15 @@ +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); } +import * as React from "react"; +var SvgLmsEditSquare = function SvgLmsEditSquare(props) { + return /*#__PURE__*/React.createElement("svg", _extends({ + width: 24, + height: 24, + viewBox: "0 0 24 24", + fill: "none", + xmlns: "http://www.w3.org/2000/svg" + }, props), /*#__PURE__*/React.createElement("path", { + d: "M3.951 22a1.88 1.88 0 0 1-1.378-.573A1.874 1.874 0 0 1 2 20.051V6.41c0-.536.19-.995.573-1.377A1.882 1.882 0 0 1 3.95 4.46h8.708l-1.952 1.95H3.951V20.05H17.61V13.28l1.951-1.949v8.721c0 .536-.19.995-.573 1.376A1.88 1.88 0 0 1 17.61 22H3.95ZM14.854 5.02l1.39 1.365-6.44 6.431v1.389h1.367l6.463-6.456 1.39 1.364L12 16.153H7.854v-4.14l7-6.992Zm4.17 4.093-4.17-4.092 2.439-2.436c.39-.39.858-.585 1.403-.585.544 0 1.003.195 1.377.585l1.366 1.388c.374.374.561.828.561 1.364 0 .536-.187.991-.561 1.365l-2.415 2.411Z", + fill: "currentColor" + })); +}; +export default SvgLmsEditSquare; \ No newline at end of file diff --git a/icons/es5/LmsEditSquareComplete.js b/icons/es5/LmsEditSquareComplete.js new file mode 100644 index 0000000000..e9468a7911 --- /dev/null +++ b/icons/es5/LmsEditSquareComplete.js @@ -0,0 +1,17 @@ +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); } +import * as React from "react"; +var SvgLmsEditSquareComplete = function SvgLmsEditSquareComplete(props) { + return /*#__PURE__*/React.createElement("svg", _extends({ + width: 24, + height: 24, + viewBox: "0 0 24 24", + fill: "none", + xmlns: "http://www.w3.org/2000/svg" + }, props), /*#__PURE__*/React.createElement("path", { + fillRule: "evenodd", + clipRule: "evenodd", + d: "m20.047 2.57 1.375 1.376c.77.761.77 2 0 2.76l-1.034 1.035-4.136-4.136 1.034-1.034c.76-.761 2-.761 2.76 0ZM13 18v-.1l6.559-6.56v8.711a1.957 1.957 0 0 1-1.951 1.951h-5.864A6.967 6.967 0 0 0 13 18Zm-6.895-7 6.557-6.557H3.951A1.957 1.957 0 0 0 2 6.394v5.86a6.968 6.968 0 0 1 4.105-1.253Zm2.327.434a7.02 7.02 0 0 1 4.135 4.137l6.446-6.445-4.137-4.136-6.444 6.444ZM0 18c0-3.312 2.688-6 6-6s6 2.688 6 6-2.688 6-6 6-6-2.688-6-6Zm1.8 0 3 3 5.4-5.4-.846-.852L4.8 19.302l-2.154-2.148L1.8 18Z", + fill: "currentColor" + })); +}; +export default SvgLmsEditSquareComplete; \ No newline at end of file diff --git a/icons/es5/LmsEditsquare.js b/icons/es5/LmsEditsquare.js new file mode 100644 index 0000000000..4ef512daea --- /dev/null +++ b/icons/es5/LmsEditsquare.js @@ -0,0 +1,15 @@ +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); } +import * as React from "react"; +var SvgLmsEditsquare = function SvgLmsEditsquare(props) { + return /*#__PURE__*/React.createElement("svg", _extends({ + width: 24, + height: 24, + viewBox: "0 0 24 24", + fill: "none", + xmlns: "http://www.w3.org/2000/svg" + }, props), /*#__PURE__*/React.createElement("path", { + d: "M3.951 22a1.88 1.88 0 0 1-1.378-.573A1.874 1.874 0 0 1 2 20.051V6.41c0-.536.19-.995.573-1.377A1.882 1.882 0 0 1 3.95 4.46h8.708l-1.952 1.95H3.951V20.05H17.61V13.28l1.951-1.949v8.721c0 .536-.19.995-.573 1.376A1.88 1.88 0 0 1 17.61 22H3.95ZM14.854 5.02l1.39 1.365-6.44 6.431v1.389h1.367l6.463-6.456 1.39 1.364L12 16.153H7.854v-4.14l7-6.992Zm4.17 4.093-4.17-4.092 2.439-2.436c.39-.39.858-.585 1.403-.585.544 0 1.003.195 1.377.585l1.366 1.388c.374.374.561.828.561 1.364 0 .536-.187.991-.561 1.365l-2.415 2.411Z", + fill: "currentColor" + })); +}; +export default SvgLmsEditsquare; \ No newline at end of file diff --git a/icons/es5/LmsEditsquareComplete.js b/icons/es5/LmsEditsquareComplete.js new file mode 100644 index 0000000000..1dbaa2cc65 --- /dev/null +++ b/icons/es5/LmsEditsquareComplete.js @@ -0,0 +1,27 @@ +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); } +import * as React from "react"; +var SvgLmsEditsquareComplete = function SvgLmsEditsquareComplete(props) { + return /*#__PURE__*/React.createElement("svg", _extends({ + width: 24, + height: 24, + viewBox: "0 0 24 24", + fill: "none", + xmlns: "http://www.w3.org/2000/svg" + }, props), /*#__PURE__*/React.createElement("path", { + d: "M5.902 18.1v-6.896l6.76-6.76H3.951A1.957 1.957 0 0 0 2 6.393v13.657c0 1.073.878 1.951 1.951 1.951h13.657c1.073 0 1.95-.878 1.95-1.95V11.34l-6.76 6.76H5.903Z", + fill: "currentColor" + }), /*#__PURE__*/React.createElement("path", { + d: "M7.853 16.15h4.136l7.024-7.024-4.137-4.136-7.023 7.023v4.136ZM21.422 3.946l-1.375-1.375c-.761-.761-2-.761-2.761 0l-1.034 1.034 4.136 4.136 1.034-1.034c.77-.761.77-2 0-2.76Z", + fill: "currentColor" + }), /*#__PURE__*/React.createElement("circle", { + cx: 6, + cy: 18, + r: 4.8, + fill: "currentColor" + }), /*#__PURE__*/React.createElement("path", { + d: "m4.447 19.656.353.353.354-.353 4.199-4.2.141.143L4.8 20.293 2.507 18l.14-.14 1.8 1.796ZM6 11.5A6.502 6.502 0 0 0-.5 18c0 3.588 2.912 6.5 6.5 6.5s6.5-2.912 6.5-6.5-2.912-6.5-6.5-6.5Z", + fill: "currentColor", + stroke: "#fff" + })); +}; +export default SvgLmsEditsquareComplete; \ No newline at end of file diff --git a/icons/es5/LmsOutline.js b/icons/es5/LmsOutline.js new file mode 100644 index 0000000000..1ce54de0df --- /dev/null +++ b/icons/es5/LmsOutline.js @@ -0,0 +1,33 @@ +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); } +import * as React from "react"; +var SvgLmsOutline = function SvgLmsOutline(props) { + return /*#__PURE__*/React.createElement("svg", _extends({ + width: 24, + height: 24, + viewBox: "0 0 24 24", + fill: "none", + xmlns: "http://www.w3.org/2000/svg" + }, props), /*#__PURE__*/React.createElement("path", { + fill: "currentColor", + d: "M7 8h2v12H7z" + }), /*#__PURE__*/React.createElement("path", { + fill: "currentColor", + d: "M7 13v-2h7v2zM7 20v-2h7v2z" + }), /*#__PURE__*/React.createElement("circle", { + cx: 8, + cy: 5, + r: 2, + fill: "currentColor" + }), /*#__PURE__*/React.createElement("circle", { + cx: 17, + cy: 12, + r: 2, + fill: "currentColor" + }), /*#__PURE__*/React.createElement("circle", { + cx: 17, + cy: 19, + r: 2, + fill: "currentColor" + })); +}; +export default SvgLmsOutline; \ No newline at end of file diff --git a/icons/es5/LmsVideocam.js b/icons/es5/LmsVideocam.js new file mode 100644 index 0000000000..55125121de --- /dev/null +++ b/icons/es5/LmsVideocam.js @@ -0,0 +1,15 @@ +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); } +import * as React from "react"; +var SvgLmsVideocam = function SvgLmsVideocam(props) { + return /*#__PURE__*/React.createElement("svg", _extends({ + width: 24, + height: 24, + viewBox: "0 0 24 24", + fill: "none", + xmlns: "http://www.w3.org/2000/svg" + }, props), /*#__PURE__*/React.createElement("path", { + d: "M15.333 7.333v9.334H4.223V7.333h11.11ZM16.444 5H3.111C2.5 5 2 5.525 2 6.167v11.666C2 18.475 2.5 19 3.111 19h13.333c.612 0 1.112-.525 1.112-1.167V13.75L22 18.417V5.583l-4.444 4.667V6.167c0-.642-.5-1.167-1.112-1.167Z", + fill: "currentColor" + })); +}; +export default SvgLmsVideocam; \ No newline at end of file diff --git a/icons/es5/LmsVideocamComplete.js b/icons/es5/LmsVideocamComplete.js new file mode 100644 index 0000000000..f519a105cd --- /dev/null +++ b/icons/es5/LmsVideocamComplete.js @@ -0,0 +1,17 @@ +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); } +import * as React from "react"; +var SvgLmsVideocamComplete = function SvgLmsVideocamComplete(props) { + return /*#__PURE__*/React.createElement("svg", _extends({ + width: 24, + height: 24, + viewBox: "0 0 24 24", + fill: "none", + xmlns: "http://www.w3.org/2000/svg" + }, props), /*#__PURE__*/React.createElement("path", { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M17.556 10.25V6.167c0-.642-.5-1.167-1.112-1.167H3.111C2.5 5 2 5.525 2 6.167v6.088A7 7 0 0 1 12.93 19h3.514c.612 0 1.112-.525 1.112-1.167V13.75L22 18.417V5.583l-4.444 4.667ZM0 18c0-3.312 2.688-6 6-6s6 2.688 6 6-2.688 6-6 6-6-2.688-6-6Zm1.8 0 3 3 5.4-5.4-.846-.852L4.8 19.302l-2.154-2.148L1.8 18Z", + fill: "currentColor" + })); +}; +export default SvgLmsVideocamComplete; \ No newline at end of file diff --git a/icons/es5/index.js b/icons/es5/index.js index 3abb44188a..16efddc5c2 100644 --- a/icons/es5/index.js +++ b/icons/es5/index.js @@ -1181,6 +1181,14 @@ export { default as ListView } from "./ListView"; export { default as LiveHelp } from "./LiveHelp"; export { default as LiveTv } from "./LiveTv"; export { default as Living } from "./Living"; +export { default as LmsBook } from "./LmsBook"; +export { default as LmsBookComplete } from "./LmsBookComplete"; +export { default as LmsCompletionSolid } from "./LmsCompletionSolid"; +export { default as LmsEditSquare } from "./LmsEditSquare"; +export { default as LmsEditSquareComplete } from "./LmsEditSquareComplete"; +export { default as LmsOutline } from "./LmsOutline"; +export { default as LmsVideocam } from "./LmsVideocam"; +export { default as LmsVideocamComplete } from "./LmsVideocamComplete"; export { default as LocalActivity } from "./LocalActivity"; export { default as LocalAirport } from "./LocalAirport"; export { default as LocalAtm } from "./LocalAtm"; diff --git a/icons/es5/index.ts b/icons/es5/index.ts index be64e1c397..84da73bc6f 100644 --- a/icons/es5/index.ts +++ b/icons/es5/index.ts @@ -1182,6 +1182,14 @@ export { default as ListView } from "./ListView"; export { default as LiveHelp } from "./LiveHelp"; export { default as LiveTv } from "./LiveTv"; export { default as Living } from "./Living"; +export { default as LmsBook } from "./LmsBook"; +export { default as LmsBookComplete } from "./LmsBookComplete"; +export { default as LmsCompletionSolid } from "./LmsCompletionSolid"; +export { default as LmsEditSquare } from "./LmsEditSquare"; +export { default as LmsEditSquareComplete } from "./LmsEditSquareComplete"; +export { default as LmsOutline } from "./LmsOutline"; +export { default as LmsVideocam } from "./LmsVideocam"; +export { default as LmsVideocamComplete } from "./LmsVideocamComplete"; export { default as LocalActivity } from "./LocalActivity"; export { default as LocalAirport } from "./LocalAirport"; export { default as LocalAtm } from "./LocalAtm"; diff --git a/icons/jsx/LmsBook.jsx b/icons/jsx/LmsBook.jsx new file mode 100644 index 0000000000..0b67b8d49e --- /dev/null +++ b/icons/jsx/LmsBook.jsx @@ -0,0 +1,17 @@ +import * as React from "react"; +const SvgLmsBook = (props) => ( + + + +); +export default SvgLmsBook; diff --git a/icons/jsx/LmsBookComplete.jsx b/icons/jsx/LmsBookComplete.jsx new file mode 100644 index 0000000000..f6ba0fbaf9 --- /dev/null +++ b/icons/jsx/LmsBookComplete.jsx @@ -0,0 +1,19 @@ +import * as React from "react"; +const SvgLmsBookComplete = (props) => ( + + + +); +export default SvgLmsBookComplete; diff --git a/icons/jsx/LmsCompletionSolid.jsx b/icons/jsx/LmsCompletionSolid.jsx new file mode 100644 index 0000000000..12a31d2d74 --- /dev/null +++ b/icons/jsx/LmsCompletionSolid.jsx @@ -0,0 +1,17 @@ +import * as React from "react"; +const SvgLmsCompletionSolid = (props) => ( + + + +); +export default SvgLmsCompletionSolid; diff --git a/icons/jsx/LmsEditSquare.jsx b/icons/jsx/LmsEditSquare.jsx new file mode 100644 index 0000000000..e60c6b8171 --- /dev/null +++ b/icons/jsx/LmsEditSquare.jsx @@ -0,0 +1,17 @@ +import * as React from "react"; +const SvgLmsEditSquare = (props) => ( + + + +); +export default SvgLmsEditSquare; diff --git a/icons/jsx/LmsEditSquareComplete.jsx b/icons/jsx/LmsEditSquareComplete.jsx new file mode 100644 index 0000000000..bf524ce42a --- /dev/null +++ b/icons/jsx/LmsEditSquareComplete.jsx @@ -0,0 +1,19 @@ +import * as React from "react"; +const SvgLmsEditSquareComplete = (props) => ( + + + +); +export default SvgLmsEditSquareComplete; diff --git a/icons/jsx/LmsEditsquare.jsx b/icons/jsx/LmsEditsquare.jsx new file mode 100644 index 0000000000..570d46627d --- /dev/null +++ b/icons/jsx/LmsEditsquare.jsx @@ -0,0 +1,17 @@ +import * as React from "react"; +const SvgLmsEditsquare = (props) => ( + + + +); +export default SvgLmsEditsquare; diff --git a/icons/jsx/LmsEditsquareComplete.jsx b/icons/jsx/LmsEditsquareComplete.jsx new file mode 100644 index 0000000000..e9cceacdaf --- /dev/null +++ b/icons/jsx/LmsEditsquareComplete.jsx @@ -0,0 +1,27 @@ +import * as React from "react"; +const SvgLmsEditsquareComplete = (props) => ( + + + + + + +); +export default SvgLmsEditsquareComplete; diff --git a/icons/jsx/LmsOutline.jsx b/icons/jsx/LmsOutline.jsx new file mode 100644 index 0000000000..39cabf5516 --- /dev/null +++ b/icons/jsx/LmsOutline.jsx @@ -0,0 +1,18 @@ +import * as React from "react"; +const SvgLmsOutline = (props) => ( + + + + + + + +); +export default SvgLmsOutline; diff --git a/icons/jsx/LmsVideocam.jsx b/icons/jsx/LmsVideocam.jsx new file mode 100644 index 0000000000..a1e153f615 --- /dev/null +++ b/icons/jsx/LmsVideocam.jsx @@ -0,0 +1,17 @@ +import * as React from "react"; +const SvgLmsVideocam = (props) => ( + + + +); +export default SvgLmsVideocam; diff --git a/icons/jsx/LmsVideocamComplete.jsx b/icons/jsx/LmsVideocamComplete.jsx new file mode 100644 index 0000000000..1ede1765bb --- /dev/null +++ b/icons/jsx/LmsVideocamComplete.jsx @@ -0,0 +1,19 @@ +import * as React from "react"; +const SvgLmsVideocamComplete = (props) => ( + + + +); +export default SvgLmsVideocamComplete; diff --git a/icons/jsx/index.jsx b/icons/jsx/index.jsx index 006ac5a909..00f1232662 100644 --- a/icons/jsx/index.jsx +++ b/icons/jsx/index.jsx @@ -1181,6 +1181,14 @@ export { default as ListView } from "./ListView"; export { default as LiveHelp } from "./LiveHelp"; export { default as LiveTv } from "./LiveTv"; export { default as Living } from "./Living"; +export { default as LmsBook } from "./LmsBook"; +export { default as LmsBookComplete } from "./LmsBookComplete"; +export { default as LmsCompletionSolid } from "./LmsCompletionSolid"; +export { default as LmsEditSquare } from "./LmsEditSquare"; +export { default as LmsEditSquareComplete } from "./LmsEditSquareComplete"; +export { default as LmsOutline } from "./LmsOutline"; +export { default as LmsVideocam } from "./LmsVideocam"; +export { default as LmsVideocamComplete } from "./LmsVideocamComplete"; export { default as LocalActivity } from "./LocalActivity"; export { default as LocalAirport } from "./LocalAirport"; export { default as LocalAtm } from "./LocalAtm"; diff --git a/icons/svg/lms_book.svg b/icons/svg/lms_book.svg new file mode 100644 index 0000000000..4f66520b75 --- /dev/null +++ b/icons/svg/lms_book.svg @@ -0,0 +1,12 @@ + + + \ No newline at end of file diff --git a/icons/svg/lms_book_complete.svg b/icons/svg/lms_book_complete.svg new file mode 100644 index 0000000000..4c7edf2b47 --- /dev/null +++ b/icons/svg/lms_book_complete.svg @@ -0,0 +1,3 @@ + + + diff --git a/icons/svg/lms_completion_solid.svg b/icons/svg/lms_completion_solid.svg new file mode 100644 index 0000000000..f5bb51ec33 --- /dev/null +++ b/icons/svg/lms_completion_solid.svg @@ -0,0 +1,9 @@ + + + \ No newline at end of file diff --git a/icons/svg/lms_edit_square.svg b/icons/svg/lms_edit_square.svg new file mode 100644 index 0000000000..3d5ac7f02f --- /dev/null +++ b/icons/svg/lms_edit_square.svg @@ -0,0 +1,12 @@ + + + \ No newline at end of file diff --git a/icons/svg/lms_edit_square_complete.svg b/icons/svg/lms_edit_square_complete.svg new file mode 100644 index 0000000000..8559b14045 --- /dev/null +++ b/icons/svg/lms_edit_square_complete.svg @@ -0,0 +1,3 @@ + + + diff --git a/icons/svg/lms_outline.svg b/icons/svg/lms_outline.svg new file mode 100644 index 0000000000..9533fcd4a4 --- /dev/null +++ b/icons/svg/lms_outline.svg @@ -0,0 +1,14 @@ + + + + + + + + \ No newline at end of file diff --git a/icons/svg/lms_videocam.svg b/icons/svg/lms_videocam.svg new file mode 100644 index 0000000000..113ecf8278 --- /dev/null +++ b/icons/svg/lms_videocam.svg @@ -0,0 +1,23 @@ + + + + + + + + + + \ No newline at end of file diff --git a/icons/svg/lms_videocam_complete.svg b/icons/svg/lms_videocam_complete.svg new file mode 100644 index 0000000000..d990b8fd84 --- /dev/null +++ b/icons/svg/lms_videocam_complete.svg @@ -0,0 +1,3 @@ + + + diff --git a/www/src/config.js b/www/src/config.js index e01fccae3e..b937779e73 100644 --- a/www/src/config.js +++ b/www/src/config.js @@ -151,10 +151,6 @@ const FOUNDATION_PAGES = [ label: 'Spacing', path: '/foundations/spacing/', }, - { - label: 'Icons', - path: '/foundations/icons/', - }, { label: 'CSS Utilities', path: '/foundations/css-utilities/', @@ -163,10 +159,18 @@ const FOUNDATION_PAGES = [ label: 'Responsive', path: '/foundations/responsive/', }, + { + label: 'Icons', + path: '/foundations/icons/', + }, { label: 'Brand icons', path: '/foundations/brand-icons/', }, + { + label: 'LMS icons', + path: '/foundations/lms-icons/', + }, ]; module.exports = { diff --git a/www/src/pages/foundations/lms-icons.mdx b/www/src/pages/foundations/lms-icons.mdx new file mode 100644 index 0000000000..f32efa6325 --- /dev/null +++ b/www/src/pages/foundations/lms-icons.mdx @@ -0,0 +1,24 @@ +--- +title: LMS-Icons +--- + +import { Link, graphql } from 'gatsby'; +import get from 'lodash/get'; +import { Icon } from '~paragon-react'; +import IconsTable from '../../components/IconsTable'; +import PropsTable from '../../components/PropsTable'; +import * as IconComponents from '~paragon-icons'; + +## LMS Icons + +Displays an LMS SVG icon from `@openedx/paragon/icons`. See the Icon Component for more information. + +```jsx live +// Included in this live jsx scope: +// import { LmsVideocam, LmsBookComplete } from '@openedx/paragon/icons'; + +``` + +
+ + iconName.startsWith('Lms'))} />