@ainias42/react-bootstrap-mobile 0.1.17 → 0.1.18

package/bootstrapReactMobile.ts

@@ -43,6 +43,7 @@ export * from './src/Components/Hooks/useMousePosition';
 export * from './src/Components/Hooks/useOnMount';
 export * from './src/Components/Hooks/useOnce';
 export * from './src/Components/Hooks/useWindowDimensions';
+export * from './src/Components/Icon/DoubleIcon';
 export * from './src/Components/Icon/Icon';
 export * from './src/Components/Image/Image';
 export * from './src/Components/InViewport/InViewport';

package/dist/bootstrapReactMobile.d.ts

@@ -43,6 +43,7 @@ export * from './src/Components/Hooks/useMousePosition';
 export * from './src/Components/Hooks/useOnMount';
 export * from './src/Components/Hooks/useOnce';
 export * from './src/Components/Hooks/useWindowDimensions';
+export * from './src/Components/Icon/DoubleIcon';
 export * from './src/Components/Icon/Icon';
 export * from './src/Components/Image/Image';
 export * from './src/Components/InViewport/InViewport';

package/dist/bootstrapReactMobile.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @ainias42/react-bootstrap-mobile v0.1.16
+ *   @ainias42/react-bootstrap-mobile v0.1.17
  *   git+https://github.com/Ainias/Bootstrap-React-Mobile.git
  *   Copyright (c) Silas Günther and project contributors.
  *   This source code is licensed under the MIT license found in the
@@ -1518,7 +1518,7 @@ var ___CSS_LOADER_API_SOURCEMAP_IMPORT___ = __webpack_require__(7537);
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(3645);
 var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.input__sEopK{display:inline-block;width:100%;position:relative;padding-bottom:.1rem}.input__sEopK:focus-within .selectableOptionContainer__kutkQ{display:inherit}.material-design .input__sEopK{background-image:linear-gradient(to top, transparent 1px, #afafaf 1px);background-size:100% 2px;background-repeat:no-repeat;background-position:center bottom;padding-bottom:2px}.material-design .input__sEopK:focus{background-image:linear-gradient(var(--flavor-accent), var(--flavor-accent)),linear-gradient(to top, transparent 1px, #afafaf 1px)}.flat-design .input__sEopK,.flat-design .input__sEopK:focus{border-bottom:1px solid var(--border-light)}.input__sEopK .label__jJsSu{display:block;font-weight:bold}.input__sEopK .text__v0KcT{width:100%;background-color:rgba(0,0,0,0);border:0;outline:none;padding:0;background-image:none}.material-design .input__sEopK .text__v0KcT{color:#212121}.flat-design .input__sEopK .text__v0KcT{color:#1f1f21}.inputContainer__R_CDq{display:flex}.tag__BTX7E{color:#fff;background-color:var(--flavor-accent);padding:.1rem .2rem;margin-right:.1rem;margin-bottom:.1rem;border-radius:4px}.selectableOptionContainer__kutkQ{display:none;position:fixed;background-color:#fff;z-index:1100;border:1px solid var(--border-light)}.selectableOptionContainer__kutkQ .selectableOption__HHU91{padding-left:.2rem;padding-right:.2rem;cursor:pointer}.selectableOptionContainer__kutkQ .selectableOption__HHU91.active__JedWZ{color:#fff;background-color:var(--flavor-accent)}`, "",{"version":3,"sources":["webpack://./src/Components/FormElements/SearchSelectInput/seachSelectInput.scss","webpack://./src/scss/_designMixin.scss"],"names":[],"mappings":"AAGA,cACE,oBAAA,CACA,UAAA,CACA,iBAAA,CACA,oBAAA,CAGE,6DACE,eAAA,CCPO,+BDYT,sEAAA,CACA,wBAAA,CACA,2BAAA,CACA,iCAAA,CACA,kBAAA,CAEA,qCACE,kIAAA,CAMF,4DACE,2CAAA,CAIJ,4BACE,aAAA,CACA,gBAAA,CAGF,2BACE,UAAA,CACA,8BAAA,CACA,QAAA,CACA,YAAA,CACA,SAAA,CACA,qBAAA,CCzCS,4CD4CP,aAAA,CC5CO,wCDgDP,aAAA,CAKN,uBACE,YAAA,CAIF,YACE,UAAA,CACA,qCAAA,CACA,mBAAA,CACA,kBAAA,CACA,mBAAA,CACA,iBAAA,CAGF,kCACE,YAAA,CACA,cAAA,CACA,qBAAA,CACA,YAAA,CACA,oCAAA,CAGA,2DACE,kBAAA,CACA,mBAAA,CACA,cAAA,CAEA,yEACE,UAAA,CACA,qCAAA","sourcesContent":["@import \"../../../scss/variables\";\n@import \"../../../scss/designMixin\";\n\n.input {\n  display: inline-block;\n  width: 100%;\n  position: relative;\n  padding-bottom: 0.1rem;\n\n  &:focus-within {\n    .selectableOptionContainer {\n      display: inherit;\n    }\n  }\n\n  @include design($material) {\n    background-image: linear-gradient(to top, transparent 1px, #afafaf 1px);\n    background-size: 100% 2px;\n    background-repeat: no-repeat;\n    background-position: center bottom;\n    padding-bottom: 2px;\n\n    &:focus {\n      background-image: linear-gradient(var(--flavor-accent), var(--flavor-accent)),\n      linear-gradient(to top, transparent 1px, #afafaf 1px);\n    }\n  }\n\n  @include design($flat) {\n    &, &:focus {\n      border-bottom: 1px solid var(--border-light);\n    }\n  }\n\n  .label {\n    display: block;\n    font-weight: bold;\n  }\n\n  .text {\n    width: 100%;\n    background-color: transparent;\n    border: 0;\n    outline: none;\n    padding: 0;\n    background-image: none;\n\n    @include design($material) {\n      color: #212121;\n    }\n\n    @include design($flat) {\n      color: #1f1f21;\n    }\n  }\n}\n\n.inputContainer {\n  display: flex;\n\n}\n\n.tag {\n  color: white;\n  background-color: var(--flavor-accent);\n  padding: 0.1rem 0.2rem;\n  margin-right: 0.1rem;\n  margin-bottom: 0.1rem;\n  border-radius: 4px;\n}\n\n.selectableOptionContainer {\n  display: none;\n  position: fixed;\n  background-color: white;\n  z-index: 1100;\n  border: 1px solid var(--border-light);\n\n\n  .selectableOption {\n    padding-left: 0.2rem;\n    padding-right: 0.2rem;\n    cursor: pointer;\n\n    &.active {\n      color: white;\n      background-color: var(--flavor-accent);\n    }\n  }\n}\n","@use 'sass:selector';\n\n@mixin design($designName) {\n  @if & {\n    @at-root #{selector.nest(':global(.'+$designName+\")\", &)} {\n      @content\n    }\n  } @else {\n    :global(.#{$designName}) {\n      @content\n    }\n  }\n}\n"],"sourceRoot":""}]);
+___CSS_LOADER_EXPORT___.push([module.id, `.input__sEopK{display:inline-block;width:100%;position:relative;padding-bottom:.1rem}.input__sEopK:focus-within .selectableOptionContainer__kutkQ{display:inherit}.material-design .input__sEopK{background-image:linear-gradient(to top, transparent 1px, #afafaf 1px);background-size:100% 2px;background-repeat:no-repeat;background-position:center bottom;padding-bottom:2px}.material-design .input__sEopK:focus{background-image:linear-gradient(var(--flavor-accent), var(--flavor-accent)),linear-gradient(to top, transparent 1px, #afafaf 1px)}.flat-design .input__sEopK,.flat-design .input__sEopK:focus{border-bottom:1px solid var(--border-light)}.input__sEopK .label__jJsSu{display:block;font-weight:bold}.input__sEopK .text__v0KcT{width:100%;background-color:rgba(0,0,0,0);border:0;outline:none;padding:0;background-image:none}.material-design .input__sEopK .text__v0KcT{color:#212121}.flat-design .input__sEopK .text__v0KcT{color:#1f1f21}.inputContainer__R_CDq{display:flex}.tag__BTX7E{--text-primary-default-color: white;color:#fff;background-color:var(--flavor-accent);padding:.1rem .2rem;margin-right:.1rem;margin-bottom:.1rem;border-radius:4px}.selectableOptionContainer__kutkQ{display:none;position:fixed;background-color:#fff;z-index:1100;border:1px solid var(--border-light)}.selectableOptionContainer__kutkQ .selectableOption__HHU91{padding-left:.2rem;padding-right:.2rem;cursor:pointer}.selectableOptionContainer__kutkQ .selectableOption__HHU91.active__JedWZ{--text-primary-default-color: white;color:#fff;background-color:var(--flavor-accent)}`, "",{"version":3,"sources":["webpack://./src/Components/FormElements/SearchSelectInput/seachSelectInput.scss","webpack://./src/scss/_designMixin.scss"],"names":[],"mappings":"AAGA,cACE,oBAAA,CACA,UAAA,CACA,iBAAA,CACA,oBAAA,CAGE,6DACE,eAAA,CCPO,+BDYT,sEAAA,CACA,wBAAA,CACA,2BAAA,CACA,iCAAA,CACA,kBAAA,CAEA,qCACE,kIAAA,CAMF,4DACE,2CAAA,CAIJ,4BACE,aAAA,CACA,gBAAA,CAGF,2BACE,UAAA,CACA,8BAAA,CACA,QAAA,CACA,YAAA,CACA,SAAA,CACA,qBAAA,CCzCS,4CD4CP,aAAA,CC5CO,wCDgDP,aAAA,CAKN,uBACE,YAAA,CAIF,YACE,mCAAA,CACA,UAAA,CACA,qCAAA,CACA,mBAAA,CACA,kBAAA,CACA,mBAAA,CACA,iBAAA,CAGF,kCACE,YAAA,CACA,cAAA,CACA,qBAAA,CACA,YAAA,CACA,oCAAA,CAGA,2DACE,kBAAA,CACA,mBAAA,CACA,cAAA,CAEA,yEACE,mCAAA,CACA,UAAA,CACA,qCAAA","sourcesContent":["@import \"../../../scss/variables\";\n@import \"../../../scss/designMixin\";\n\n.input {\n  display: inline-block;\n  width: 100%;\n  position: relative;\n  padding-bottom: 0.1rem;\n\n  &:focus-within {\n    .selectableOptionContainer {\n      display: inherit;\n    }\n  }\n\n  @include design($material) {\n    background-image: linear-gradient(to top, transparent 1px, #afafaf 1px);\n    background-size: 100% 2px;\n    background-repeat: no-repeat;\n    background-position: center bottom;\n    padding-bottom: 2px;\n\n    &:focus {\n      background-image: linear-gradient(var(--flavor-accent), var(--flavor-accent)),\n      linear-gradient(to top, transparent 1px, #afafaf 1px);\n    }\n  }\n\n  @include design($flat) {\n    &, &:focus {\n      border-bottom: 1px solid var(--border-light);\n    }\n  }\n\n  .label {\n    display: block;\n    font-weight: bold;\n  }\n\n  .text {\n    width: 100%;\n    background-color: transparent;\n    border: 0;\n    outline: none;\n    padding: 0;\n    background-image: none;\n\n    @include design($material) {\n      color: #212121;\n    }\n\n    @include design($flat) {\n      color: #1f1f21;\n    }\n  }\n}\n\n.inputContainer {\n  display: flex;\n\n}\n\n.tag {\n  --text-primary-default-color: white;\n  color: white;\n  background-color: var(--flavor-accent);\n  padding: 0.1rem 0.2rem;\n  margin-right: 0.1rem;\n  margin-bottom: 0.1rem;\n  border-radius: 4px;\n}\n\n.selectableOptionContainer {\n  display: none;\n  position: fixed;\n  background-color: white;\n  z-index: 1100;\n  border: 1px solid var(--border-light);\n\n\n  .selectableOption {\n    padding-left: 0.2rem;\n    padding-right: 0.2rem;\n    cursor: pointer;\n\n    &.active {\n      --text-primary-default-color: white;\n      color: white;\n      background-color: var(--flavor-accent);\n    }\n  }\n}\n","@use 'sass:selector';\n\n@mixin design($designName) {\n  @if & {\n    @at-root #{selector.nest(':global(.'+$designName+\")\", &)} {\n      @content\n    }\n  } @else {\n    :global(.#{$designName}) {\n      @content\n    }\n  }\n}\n"],"sourceRoot":""}]);
 // Exports
 ___CSS_LOADER_EXPORT___.locals = {
 	"input": `input__sEopK`,
@@ -1625,11 +1625,13 @@ var ___CSS_LOADER_API_SOURCEMAP_IMPORT___ = __webpack_require__(7537);
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(3645);
 var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.margin__TTRt0{margin-left:.3rem;margin-right:.3rem}.imgIcon__eyCWg{width:calc(1em + 4px);height:calc(1em + 4px);object-fit:contain}`, "",{"version":3,"sources":["webpack://./src/Components/Icon/icon.scss"],"names":[],"mappings":"AAAA,eACE,iBAAA,CACA,kBAAA,CAEF,gBACE,qBAAA,CACA,sBAAA,CACA,kBAAA","sourcesContent":[".margin {\n  margin-left: 0.3rem;\n  margin-right: 0.3rem;\n}\n.imgIcon {\n  width: calc(1em + 4px);\n  height: calc(1em + 4px);\n  object-fit: contain;\n}\n"],"sourceRoot":""}]);
+___CSS_LOADER_EXPORT___.push([module.id, `.margin__TTRt0{margin-left:.3rem;margin-right:.3rem}.imgIcon__eyCWg{width:calc(1em + 4px);height:calc(1em + 4px);object-fit:contain}.doubleIconContainer__Lj1vi{position:relative;padding:3px}.doubleIconContainer__Lj1vi .secondIcon__pYOc7{position:absolute;right:3px;bottom:3px;pointer-events:none}`, "",{"version":3,"sources":["webpack://./src/Components/Icon/icon.scss"],"names":[],"mappings":"AAAA,eACE,iBAAA,CACA,kBAAA,CAEF,gBACE,qBAAA,CACA,sBAAA,CACA,kBAAA,CAGF,4BACE,iBAAA,CACA,WAAA,CACA,+CACE,iBAAA,CACA,SAAA,CACA,UAAA,CACA,mBAAA","sourcesContent":[".margin {\n  margin-left: 0.3rem;\n  margin-right: 0.3rem;\n}\n.imgIcon {\n  width: calc(1em + 4px);\n  height: calc(1em + 4px);\n  object-fit: contain;\n}\n\n.doubleIconContainer {\n  position: relative;\n  padding: 3px;\n  .secondIcon {\n    position: absolute;\n    right: 3px;\n    bottom: 3px;\n    pointer-events: none;\n  }\n}\n"],"sourceRoot":""}]);
 // Exports
 ___CSS_LOADER_EXPORT___.locals = {
 	"margin": `margin__TTRt0`,
-	"imgIcon": `imgIcon__eyCWg`
+	"imgIcon": `imgIcon__eyCWg`,
+	"doubleIconContainer": `doubleIconContainer__Lj1vi`,
+	"secondIcon": `secondIcon__pYOc7`
 };
 module.exports = ___CSS_LOADER_EXPORT___;
 
@@ -2298,7 +2300,7 @@ var ___CSS_LOADER_API_SOURCEMAP_IMPORT___ = __webpack_require__(7537);
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(3645);
 var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.toastContainer__Cr4Pc{position:fixed;left:0;right:0;bottom:3rem;margin:auto;max-width:576px;z-index:1;display:flex;align-items:center;flex-direction:column}.toast__sXrim{background-color:rgba(0,0,0,.8);min-height:48px;line-height:1.5;color:#fff;font-size:.77rem;letter-spacing:normal;transition-duration:.25s;margin:8px}.toast__sXrim.hiding__VMWIu{opacity:0}.material-design .toast__sXrim{padding:16px 24px}.flat-design .toast__sXrim{border-radius:.5rem;padding:16px}.toast__sXrim .action__WbNF_{text-transform:uppercase;margin-left:24px}.material-design .toast__sXrim .action__WbNF_{color:#bbdefb}.flat-design .toast__sXrim .action__WbNF_{color:#fff}`, "",{"version":3,"sources":["webpack://./src/Components/Toast/toast.scss","webpack://./src/scss/_designMixin.scss"],"names":[],"mappings":"AAGA,uBACE,cAAA,CACA,MAAA,CACA,OAAA,CACA,WAAA,CACA,WAAA,CACA,eAAA,CACA,SAAA,CACA,YAAA,CACA,kBAAA,CACA,qBAAA,CAGF,cACE,+BAAA,CACA,eAAA,CACA,eAAA,CACA,UAAA,CACA,gBAAA,CACA,qBAAA,CACA,wBAAA,CACA,UAAA,CAEA,4BACE,SAAA,CCvBS,+BD2BT,iBAAA,CC3BS,2BD+BT,mBAAA,CACA,YAAA,CAGF,6BACE,wBAAA,CACA,gBAAA,CCrCS,8CDwCP,aAAA,CCxCO,0CD2CP,UAAA","sourcesContent":["@import \"../../scss/variables\";\n@import \"../../scss/designMixin\";\n\n.toastContainer {\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 3rem;\n  margin: auto;\n  max-width: map-get($grid-breakpoints, \"sm\");\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n}\n\n.toast {\n  background-color: rgba(0, 0, 0, 0.8);\n  min-height: 48px;\n  line-height: 1.5;\n  color: white;\n  font-size: 0.77rem;\n  letter-spacing: normal;\n  transition-duration: 0.25s;\n  margin: 8px;\n\n  &.hiding {\n    opacity: 0;\n  }\n\n  @include design($material) {\n    padding: 16px 24px;\n  }\n\n  @include design($flat) {\n    border-radius: 0.5rem;\n    padding: 16px;\n  }\n\n  .action {\n    text-transform: uppercase;\n    margin-left: 24px;\n\n    @include design($material) {\n      color: #bbdefb\n    }\n    @include design($flat) {\n      color: #ffffff;\n    }\n  }\n\n}\n","@use 'sass:selector';\n\n@mixin design($designName) {\n  @if & {\n    @at-root #{selector.nest(':global(.'+$designName+\")\", &)} {\n      @content\n    }\n  } @else {\n    :global(.#{$designName}) {\n      @content\n    }\n  }\n}\n"],"sourceRoot":""}]);
+___CSS_LOADER_EXPORT___.push([module.id, `.toastContainer__Cr4Pc{position:fixed;left:0;right:0;bottom:3rem;margin:auto;max-width:576px;z-index:1;display:flex;align-items:center;flex-direction:column}.toast__sXrim{background-color:rgba(0,0,0,.8);min-height:48px;line-height:1.5;--text-primary-default-color: white;color:#fff;font-size:.77rem;letter-spacing:normal;transition-duration:.25s;margin:8px}.toast__sXrim.hiding__VMWIu{opacity:0}.material-design .toast__sXrim{padding:16px 24px}.flat-design .toast__sXrim{border-radius:.5rem;padding:16px}.toast__sXrim .action__WbNF_{text-transform:uppercase;margin-left:24px}.material-design .toast__sXrim .action__WbNF_{color:#bbdefb}.flat-design .toast__sXrim .action__WbNF_{color:#fff}`, "",{"version":3,"sources":["webpack://./src/Components/Toast/toast.scss","webpack://./src/scss/_designMixin.scss"],"names":[],"mappings":"AAGA,uBACE,cAAA,CACA,MAAA,CACA,OAAA,CACA,WAAA,CACA,WAAA,CACA,eAAA,CACA,SAAA,CACA,YAAA,CACA,kBAAA,CACA,qBAAA,CAGF,cACE,+BAAA,CACA,eAAA,CACA,eAAA,CACA,mCAAA,CACA,UAAA,CACA,gBAAA,CACA,qBAAA,CACA,wBAAA,CACA,UAAA,CAEA,4BACE,SAAA,CCxBS,+BD4BT,iBAAA,CC5BS,2BDgCT,mBAAA,CACA,YAAA,CAGF,6BACE,wBAAA,CACA,gBAAA,CCtCS,8CDyCP,aAAA,CCzCO,0CD4CP,UAAA","sourcesContent":["@import \"../../scss/variables\";\n@import \"../../scss/designMixin\";\n\n.toastContainer {\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 3rem;\n  margin: auto;\n  max-width: map-get($grid-breakpoints, \"sm\");\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n}\n\n.toast {\n  background-color: rgba(0, 0, 0, 0.8);\n  min-height: 48px;\n  line-height: 1.5;\n  --text-primary-default-color: white;\n  color: white;\n  font-size: 0.77rem;\n  letter-spacing: normal;\n  transition-duration: 0.25s;\n  margin: 8px;\n\n  &.hiding {\n    opacity: 0;\n  }\n\n  @include design($material) {\n    padding: 16px 24px;\n  }\n\n  @include design($flat) {\n    border-radius: 0.5rem;\n    padding: 16px;\n  }\n\n  .action {\n    text-transform: uppercase;\n    margin-left: 24px;\n\n    @include design($material) {\n      color: #bbdefb\n    }\n    @include design($flat) {\n      color: #ffffff;\n    }\n  }\n\n}\n","@use 'sass:selector';\n\n@mixin design($designName) {\n  @if & {\n    @at-root #{selector.nest(':global(.'+$designName+\")\", &)} {\n      @content\n    }\n  } @else {\n    :global(.#{$designName}) {\n      @content\n    }\n  }\n}\n"],"sourceRoot":""}]);
 // Exports
 ___CSS_LOADER_EXPORT___.locals = {
 	"toastContainer": `toastContainer__Cr4Pc`,
@@ -9619,6 +9621,7 @@ __webpack_require__.d(__webpack_exports__, {
   DialogBackground: () => (/* reexport */ DialogBackground),
   DialogContainer: () => (/* reexport */ DialogContainer),
   DialogProvider: () => (/* reexport */ DialogProvider),
+  DoubleIcon: () => (/* reexport */ DoubleIcon),
   DragItem: () => (/* reexport */ DragItemMemo),
   DropArea: () => (/* reexport */ DropAreaMemo),
   FileInput: () => (/* reexport */ FileInput),
@@ -23708,6 +23711,46 @@ function useWindowDimensions() {
     y: (_b = window === null || window === void 0 ? void 0 : window.innerHeight) !== null && _b !== void 0 ? _b : 0
   };
 }
+;// CONCATENATED MODULE: ./src/Components/Icon/DoubleIcon.tsx
+function DoubleIcon_extends() { DoubleIcon_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 DoubleIcon_extends.apply(this, arguments); }
+var DoubleIcon_rest = undefined && undefined.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+
+
+
+
+const DoubleIcon = withMemo(function DoubleIcon(_a) {
+  // Refs
+  var {
+      secondIcon,
+      secondIconColor,
+      color
+    } = _a,
+    otherProps = DoubleIcon_rest(_a, ["secondIcon", "secondIconColor", "color"]);
+  // States/Variables/Selectors
+  // Dispatch
+  // Callbacks
+  // Effects
+  // Other
+  // RenderFunctions
+  return /*#__PURE__*/external_react_default().createElement(InlineBlockMemo, {
+    className: (icon_default()).doubleIconContainer
+  }, /*#__PURE__*/external_react_default().createElement(Icon, DoubleIcon_extends({}, otherProps, {
+    color: color
+  })), /*#__PURE__*/external_react_default().createElement(Icon, {
+    icon: secondIcon,
+    size: "xs",
+    className: (icon_default()).secondIcon,
+    color: secondIconColor !== null && secondIconColor !== void 0 ? secondIconColor : color
+  }));
+}, (icon_default()));
 // EXTERNAL MODULE: ./src/Components/InViewport/inViewport.scss
 var inViewport = __webpack_require__(4283);
 var inViewport_default = /*#__PURE__*/__webpack_require__.n(inViewport);
@@ -27917,6 +27960,7 @@ function nonEmptyString(str, other = Characters.NBSP) {
 
 
 
+
 
 
 })();