UNPKG

@arche-mc2/arche-controls

Version:

We know that there are a ton of react UI library projects to choose from. Our hope with this one is to provide the next generation of react components that you can use to bootstrap your next project, or as a reference for building a UIKit. Read on to get

319 lines 405 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var React = require("react"); var IconsM = require("./materialinear"); var typestyle_1 = require("typestyle"); var stories_1 = require("../../../Common/stories"); var addon_knobs_1 = require("@storybook/addon-knobs"); var alertFont = { fontSize: "36px", color: "green", }; exports.default = { title: 'Components/Display/UpIcons', decorators: [addon_knobs_1.withKnobs, stories_1.getRootContainer('UpIcons')] }; var labelColor = 'Color'; var colors = { tangerine: "#F59100", pumpkine: "#ee7f01", greyishBrown: "#3f3b37", QR: "#3f3b37", brownGrey: "#D7D7D7", pinkishGrey: "#ccc8c5", lightGrey: "#eaeae9", paleGrey: "#979797", white: "#ffffff", turquoiseBlue: "#039eb2", oceanBlue: "#0360a8", paleRed: "#D0021B", boringGreen: "#6DBD8E", tangerine10: "#f39100", turquoiseDark: "#0e8c9b", paleYellow: "#f8f1ad", social: "#507cc0", socialDark: "#4c70a7", grey: "#4E5B59", green: '#6DBD8E', tangerine2: "#FCC865", dark1: "#293953", dark2: "#6B4E71", dark3: "#829399", darkGray1: "#182026", darkGray2: "#202b33", darkGray3: "#293742", darkGray4: "#979797", darkGray5: "#394b59", gray1: "#5c7080", gray2: "#738694", gray3: "#8a9ba8", gray4: "#a7b6c2", gray5: "#bfccd6", gray6: "#979797", lightGray1: "#ced9e0", lightGray2: "#d8e1e8", lightGray3: "#e1e8ed", lightGray4: "#ebf1f5", lightGray5: "#f5f8fa", light1: "#34E4EA", light2: "#D6DBB2", light3: "#6D72C3", }; var defaultValue = '#F59100'; var groupColorId = 'Props'; var labelSize = 'Size'; var sizes = { "8": "8pt", "10": "10pt", "12": "12pt", "14": "14pt", "16": "16pt", "18": "18pt", "1rem": "1rem", "1em": "1em", }; var defaultSizeValue = '#F59100'; var groupSizeId = 'Props'; var iconsWrapper = typestyle_1.style({ padding: '16px', flexDirection: 'row', $nest: { '& span': { display: "inline-block", padding: '16px' } } }); exports.Materialinear = function () { return (React.createElement("div", { className: iconsWrapper }, React.createElement(IconsM.Exclam, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Quotedbl, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Numbersign, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Dollar, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Percent, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Ampersand, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Quotesingle, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Parenleft, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Parenright, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Asterisk, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Plus, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Comma, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Hyphen, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Period, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Slash, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Zero, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.One, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Two, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Three, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Four, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Five, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Six, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Seven, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Eight, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Nine, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Colon, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Semicolon, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Less, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Equal, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Greater, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Question, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.At, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.A, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.B, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.C, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.D, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.E, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.F, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.G, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.H, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.I, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.J, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.K, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.L, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.M, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.N, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.O, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.P, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Q, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.R, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.S, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.T, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.U, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.V, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.W, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.X, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Y, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Z, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Bracketleft, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Backslash, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Bracketright, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Asciicircum, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Underscore, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Grave, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.a, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.b, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.c, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.d, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.e, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.f, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.g, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.h, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.i, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.j, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.k, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.l, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.m, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.n, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.o, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.p, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.q, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.r, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.s, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.t, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.u, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.v, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.w, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.x, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.y, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.z, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Braceleft, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Bar, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Braceright, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Asciitilde, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Copyright, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lhome, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lhome2, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lhome3, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lhome4, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lhome5, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lhome6, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lbathtub, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Ltoothbrush, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lbed, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lcouch, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lchair, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lcity, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lapartment, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lpencil, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lpencil2, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lpen, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lpencil3, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Leraser, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lpencil4, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lpencil5, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lfeather, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lfeather2, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lfeather3, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lpen2, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.LpenAdd, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.LpenRemove, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lvector, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lpen3, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lblog, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lbrush, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lbrush2, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lspray, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.LpaintRoller, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lstamp, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Ltape, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.LdeskTape, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Ltexture, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.LcolorPicker, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lpalette, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.LcolorSampler, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lbucket, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lgradient, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lgradient2, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.LmagicWand, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lmagnet, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.LpencilRuler, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.LpencilRuler2, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lcompass, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Ltarget, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lgun, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lbottle, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Ldrop, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.LdropCrossed, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Ldrop2, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lsnow, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lsnow2, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lfire, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Llighter, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lknife, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Ldagger, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Ltissue, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.LtoiletPaper, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lpoop, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lumbrella, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lumbrella2, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lrain3, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Ltornado, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lwind, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lcooling, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lcontrast, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.LsunSmall, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lsun, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lsun2, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lmoon, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lcloud, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.LcloudUpload, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.LcloudDowload, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.LcloudRain, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.LcloudHailstones, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.LcloudSnow, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.LcloudWind, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.LsunWind, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.CloudFog, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.LcloudSun, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.LcloudLightning, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.LcloudSync, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.LcloudLock, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.LcloudGear, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.LcloudAlert, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.LcloudCheck, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.LcloudCross, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.LcloudCrossed, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.LcloudDatabase, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Ldatabase, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.LdatabaseAdd, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.LdatabaseRemove, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.LdatabaseLock, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.LdatabaseRefresh, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.LdatabaseCheck, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.LdatabaseHistory, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.LdatabaseUpload, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.LdatabaseDownload, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lserver, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lshield, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.LshieldCheck, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.LshieldAlert, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.LshieldCross, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Llock, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.LrotationLock, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lunlock, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lkey, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.LkeyHole, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.LtoggleOff, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.LtoggleOn, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lcog, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lcog2, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Ltool, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Ltool1, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Ltool3, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Ltool4, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Ltool5, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Ltool6, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Ltool7, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Ltoole8, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Ltool9, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lfactory, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lfactory2, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lrecycle, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Ltrash, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Ltrash2, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Ltrash3, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lbroom, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lgame, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lgamepad, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Ljoystick, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Ldice, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lspades, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Ldiamonds, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lclubs, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValue, groupSizeId), color: addon_knobs_1.select(labelColor, colors, defaultValue, groupColorId) }), React.createElement(IconsM.Lhearts, { iconSize: addon_knobs_1.select(labelSize, sizes, defaultSizeValu