npm - @epignosis_llc/gnosis - Versions diffs - 6.6.18 → 6.7.0 - Mend

@epignosis_llc/gnosis 6.6.18 → 6.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (34) hide show

package/dist/esm/src/components/Toast/ToastNotifications.js CHANGED Viewed

@@ -56,6 +56,7 @@ import '../../../node_modules/core-js/modules/web.set-timeout.js';
 import '../FormElements/Input/styles.js';
 import '../../../node_modules/core-js/modules/es.regexp.exec.js';
 import '../../../node_modules/core-js/modules/es.array.some.js';
+import '../SegmentedButtons/styles.js';
 import '../../../node_modules/core-js/modules/es.function.name.js';
 import '../../theme/default/config/button.js';
 import '../../theme/default/config/card.js';
@@ -65,6 +66,7 @@ import '../../theme/default/config/progressBar.js';
 import '../../theme/default/config/table.js';
 import '../../theme/default/config/tag.js';
 import '../../theme/default/config/pagination.js';
+import '../../theme/default/config/segmentedButtons.js';
 import '../../theme/default/config/statusTag.js';
 import '../../../node_modules/core-js/modules/es.symbol.constructor.js';
 import '../../../node_modules/core-js/modules/es.symbol.for.js';

package/dist/esm/src/components/Toast/ToastNotifications.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ToastNotifications.js","sources":["../../../../../src/components/Toast/ToastNotifications.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport { Button, Text } from \"../../index\";\nimport {\n CloseModalSVG,\n DeactivateSVG,\n InfoIconSVG,\n SuccessIconSVG,\n WarningIconSVG,\n} from \"../../icons\";\nimport { notificationStyles } from \"./styles\";\n\nconst ICONS = {\n info: <InfoIconSVG height={16} />,\n error: <DeactivateSVG height={16} />,\n success: <SuccessIconSVG height={16} />,\n warning: <WarningIconSVG height={16} />,\n};\n\nconst ToastNotification = ({\n content,\n type,\n closeButtonAriaLabel,\n onClose,\n}: {\n content: ReactNode;\n type: \"info\" \| \"success\" \| \"warning\" \| \"error\";\n closeButtonAriaLabel?: string;\n onClose: () => void;\n}): JSX.Element => {\n return (\n <div\n css={(theme): SerializedStyles => notificationStyles(theme, type)}\n className=\"toast-notification\"\n >\n <div className=\"toast-notification__icon-container\">\n <span className=\"toast-notification__icon\">{ICONS[type]}</span>\n <Text as=\"p\" fontSize=\"sm\" className=\"toast-notification__text\">\n {content}\n </Text>\n </div>\n\n {Boolean(onClose) && (\n <Button\n data-testid=\"close-toast-notification\"\n aria-label={closeButtonAriaLabel \|\| \"Close toast notification\"}\n className=\"toast-notification__close-btn\"\n variant=\"link\"\n onClick={onClose}\n >\n <CloseModalSVG height={32} />\n </Button>\n )}\n </div>\n );\n};\n\nexport default ToastNotification;\n"],"names":["ICONS","info","___EmotionJSX","InfoIconSVG","height","error","DeactivateSVG","success","SuccessIconSVG","warning","WarningIconSVG","ToastNotification","_ref","content","type","closeButtonAriaLabel","onClose","css","theme","notificationStyles","className","Text","as","fontSize","Boolean","Button","variant","onClick","CloseModalSVG"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAYA,IAAMA,KAAK,GAAG;EACZC,IAAI,EAAEC,GAAA,CAACC,WAAW,EAAA;AAACC,IAAAA,MAAM,EAAE,EAAA;AAAG,GAAE,CAAC;EACjCC,KAAK,EAAEH,GAAA,CAACI,aAAa,EAAA;AAACF,IAAAA,MAAM,EAAE,EAAA;AAAG,GAAE,CAAC;EACpCG,OAAO,EAAEL,GAAA,CAACM,cAAc,EAAA;AAACJ,IAAAA,MAAM,EAAE,EAAA;AAAG,GAAE,CAAC;EACvCK,OAAO,EAAEP,GAAA,CAACQ,cAAc,EAAA;AAACN,IAAAA,MAAM,EAAE,EAAA;GAAK,CAAA;AACxC,CAAC,CAAA;AAED,IAAMO,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAUJ;AAAA,EAAA,IATjBC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,oBAAoB,GAAAH,IAAA,CAApBG,oBAAoB;IACpBC,OAAO,GAAAJ,IAAA,CAAPI,OAAO,CAAA;AAOP,EAAA,OACEd,GAAA,CAAA,KAAA,EAAA;AACEe,IAAAA,GAAG,EAAE,SAALA,GAAGA,CAAGC,KAAK,EAAA;AAAA,MAAA,OAAuBC,kBAAkB,CAACD,KAAK,EAAEJ,IAAI,CAAC,CAAA;KAAC;AAClEM,IAAAA,SAAS,EAAC,oBAAA;AAAoB,GAAA,EAE9BlB,GAAA,CAAA,KAAA,EAAA;AAAKkB,IAAAA,SAAS,EAAC,oCAAA;AAAoC,GAAA,EACjDlB,GAAA,CAAA,MAAA,EAAA;AAAMkB,IAAAA,SAAS,EAAC,0BAAA;GAA4BpB,EAAAA,KAAK,CAACc,IAAI,CAAQ,CAAC,EAC/DZ,GAAA,CAACmB,IAAI,EAAA;AAACC,IAAAA,EAAE,EAAC,GAAG;AAACC,IAAAA,QAAQ,EAAC,IAAI;AAACH,IAAAA,SAAS,EAAC,0BAAA;GAClCP,EAAAA,OACG,CACH,CAAC,EAELW,OAAO,CAACR,OAAO,CAAC,IACfd,GAAA,CAACuB,MAAM,EAAA;AACL,IAAA,aAAA,EAAY,0BAA0B;IACtC,YAAYV,EAAAA,oBAAoB,IAAI,0BAA2B;AAC/DK,IAAAA,SAAS,EAAC,+BAA+B;AACzCM,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,OAAO,EAAEX,OAAAA;GAETd,EAAAA,GAAA,CAAC0B,aAAa,EAAA;AAACxB,IAAAA,MAAM,EAAE,EAAA;GAAK,CACtB,CAEP,CAAC,CAAA;AAEV;;;;"}
1	+ {"version":3,"file":"ToastNotifications.js","sources":["../../../../../src/components/Toast/ToastNotifications.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport { Button, Text } from \"../../index\";\nimport {\n CloseModalSVG,\n DeactivateSVG,\n InfoIconSVG,\n SuccessIconSVG,\n WarningIconSVG,\n} from \"../../icons\";\nimport { notificationStyles } from \"./styles\";\n\nconst ICONS = {\n info: <InfoIconSVG height={16} />,\n error: <DeactivateSVG height={16} />,\n success: <SuccessIconSVG height={16} />,\n warning: <WarningIconSVG height={16} />,\n};\n\nconst ToastNotification = ({\n content,\n type,\n closeButtonAriaLabel,\n onClose,\n}: {\n content: ReactNode;\n type: \"info\" \| \"success\" \| \"warning\" \| \"error\";\n closeButtonAriaLabel?: string;\n onClose: () => void;\n}): JSX.Element => {\n return (\n <div\n css={(theme): SerializedStyles => notificationStyles(theme, type)}\n className=\"toast-notification\"\n >\n <div className=\"toast-notification__icon-container\">\n <span className=\"toast-notification__icon\">{ICONS[type]}</span>\n <Text as=\"p\" fontSize=\"sm\" className=\"toast-notification__text\">\n {content}\n </Text>\n </div>\n\n {Boolean(onClose) && (\n <Button\n data-testid=\"close-toast-notification\"\n aria-label={closeButtonAriaLabel \|\| \"Close toast notification\"}\n className=\"toast-notification__close-btn\"\n variant=\"link\"\n onClick={onClose}\n >\n <CloseModalSVG height={32} />\n </Button>\n )}\n </div>\n );\n};\n\nexport default ToastNotification;\n"],"names":["ICONS","info","___EmotionJSX","InfoIconSVG","height","error","DeactivateSVG","success","SuccessIconSVG","warning","WarningIconSVG","ToastNotification","_ref","content","type","closeButtonAriaLabel","onClose","css","theme","notificationStyles","className","Text","as","fontSize","Boolean","Button","variant","onClick","CloseModalSVG"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,IAAMA,KAAK,GAAG;EACZC,IAAI,EAAEC,GAAA,CAACC,WAAW,EAAA;AAACC,IAAAA,MAAM,EAAE,EAAA;AAAG,GAAE,CAAC;EACjCC,KAAK,EAAEH,GAAA,CAACI,aAAa,EAAA;AAACF,IAAAA,MAAM,EAAE,EAAA;AAAG,GAAE,CAAC;EACpCG,OAAO,EAAEL,GAAA,CAACM,cAAc,EAAA;AAACJ,IAAAA,MAAM,EAAE,EAAA;AAAG,GAAE,CAAC;EACvCK,OAAO,EAAEP,GAAA,CAACQ,cAAc,EAAA;AAACN,IAAAA,MAAM,EAAE,EAAA;GAAK,CAAA;AACxC,CAAC,CAAA;AAED,IAAMO,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAUJ;AAAA,EAAA,IATjBC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,oBAAoB,GAAAH,IAAA,CAApBG,oBAAoB;IACpBC,OAAO,GAAAJ,IAAA,CAAPI,OAAO,CAAA;AAOP,EAAA,OACEd,GAAA,CAAA,KAAA,EAAA;AACEe,IAAAA,GAAG,EAAE,SAALA,GAAGA,CAAGC,KAAK,EAAA;AAAA,MAAA,OAAuBC,kBAAkB,CAACD,KAAK,EAAEJ,IAAI,CAAC,CAAA;KAAC;AAClEM,IAAAA,SAAS,EAAC,oBAAA;AAAoB,GAAA,EAE9BlB,GAAA,CAAA,KAAA,EAAA;AAAKkB,IAAAA,SAAS,EAAC,oCAAA;AAAoC,GAAA,EACjDlB,GAAA,CAAA,MAAA,EAAA;AAAMkB,IAAAA,SAAS,EAAC,0BAAA;GAA4BpB,EAAAA,KAAK,CAACc,IAAI,CAAQ,CAAC,EAC/DZ,GAAA,CAACmB,IAAI,EAAA;AAACC,IAAAA,EAAE,EAAC,GAAG;AAACC,IAAAA,QAAQ,EAAC,IAAI;AAACH,IAAAA,SAAS,EAAC,0BAAA;GAClCP,EAAAA,OACG,CACH,CAAC,EAELW,OAAO,CAACR,OAAO,CAAC,IACfd,GAAA,CAACuB,MAAM,EAAA;AACL,IAAA,aAAA,EAAY,0BAA0B;IACtC,YAAYV,EAAAA,oBAAoB,IAAI,0BAA2B;AAC/DK,IAAAA,SAAS,EAAC,+BAA+B;AACzCM,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,OAAO,EAAEX,OAAAA;GAETd,EAAAA,GAAA,CAAC0B,aAAa,EAAA;AAACxB,IAAAA,MAAM,EAAE,EAAA;GAAK,CACtB,CAEP,CAAC,CAAA;AAEV;;;;"}

package/dist/esm/src/index.js CHANGED Viewed

@@ -28,6 +28,7 @@ export { default as Table } from './components/Table/Table.js';
 export { default as Dropdown } from './components/Dropdown/Dropdown.js';
 export { default as StatusTag } from './components/StatusTag/StatusTag.js';
 export { default as Breadcrumbs } from './components/Breadcrumbs/Breadcrumbs.js';
+export { default as SegmentedButtons } from './components/SegmentedButtons/SegmentedButtons.js';
 export { default as ToastNotification } from './components/Toast/ToastNotifications.js';
 export { default as Heading } from './components/Heading/Heading.js';
 export { default as Text } from './components/Text/Text.js';

package/dist/esm/src/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/src/theme/default/config/segmentedButtons.js ADDED Viewed

@@ -0,0 +1,36 @@
+  /**
+   * @license
+   * author: epignosis front-end team
+   * @epignosis_llc/gnosis.js v6.6.16
+   * Released under the MIT license.
+   */
+import Color from '../../../../node_modules/color/index.js';
+import { colors } from '../colors.js';
+var segmentedButtons = {
+  "default": {
+    background: colors.white,
+    borderColor: colors.secondary.light,
+    color: colors.black
+  },
+  hover: {
+    background: Color(colors.primary.lightest).alpha(0.25).string(),
+    borderColor: colors.primary.base,
+    color: colors.primary.base
+  },
+  active: {
+    background: colors.primary.base,
+    borderColor: colors.primary.base,
+    color: colors.white
+  },
+  disabled: {
+    background: colors.secondary.lighter,
+    borderColor: colors.secondary.light,
+    color: colors.secondary.base
+  }
+};
+export { segmentedButtons as default };
+//# sourceMappingURL=segmentedButtons.js.map

package/dist/esm/src/theme/default/config/segmentedButtons.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"segmentedButtons.js","sources":["../../../../../../src/theme/default/config/segmentedButtons.ts"],"sourcesContent":["import Color from \"color\";\nimport { colors } from \"../colors\";\n\nexport default {\n default: {\n background: colors.white,\n borderColor: colors.secondary.light,\n color: colors.black,\n },\n hover: {\n background: Color(colors.primary.lightest).alpha(0.25).string(),\n borderColor: colors.primary.base,\n color: colors.primary.base,\n },\n active: {\n background: colors.primary.base,\n borderColor: colors.primary.base,\n color: colors.white,\n },\n disabled: {\n background: colors.secondary.lighter,\n borderColor: colors.secondary.light,\n color: colors.secondary.base,\n },\n};\n"],"names":["background","colors","white","borderColor","secondary","light","color","black","hover","Color","primary","lightest","alpha","string","base","active","disabled","lighter"],"mappings":";;;;;;;;;;;AAGA,uBAAe;EACb,SAAS,EAAA;IACPA,UAAU,EAAEC,MAAM,CAACC,KAAK;AACxBC,IAAAA,WAAW,EAAEF,MAAM,CAACG,SAAS,CAACC,KAAK;IACnCC,KAAK,EAAEL,MAAM,CAACM,KAAAA;GACf;AACDC,EAAAA,KAAK,EAAE;AACLR,IAAAA,UAAU,EAAES,KAAK,CAACR,MAAM,CAACS,OAAO,CAACC,QAAQ,CAAC,CAACC,KAAK,CAAC,IAAI,CAAC,CAACC,MAAM,EAAE;AAC/DV,IAAAA,WAAW,EAAEF,MAAM,CAACS,OAAO,CAACI,IAAI;AAChCR,IAAAA,KAAK,EAAEL,MAAM,CAACS,OAAO,CAACI,IAAAA;GACvB;AACDC,EAAAA,MAAM,EAAE;AACNf,IAAAA,UAAU,EAAEC,MAAM,CAACS,OAAO,CAACI,IAAI;AAC/BX,IAAAA,WAAW,EAAEF,MAAM,CAACS,OAAO,CAACI,IAAI;IAChCR,KAAK,EAAEL,MAAM,CAACC,KAAAA;GACf;AACDc,EAAAA,QAAQ,EAAE;AACRhB,IAAAA,UAAU,EAAEC,MAAM,CAACG,SAAS,CAACa,OAAO;AACpCd,IAAAA,WAAW,EAAEF,MAAM,CAACG,SAAS,CAACC,KAAK;AACnCC,IAAAA,KAAK,EAAEL,MAAM,CAACG,SAAS,CAACU,IAAAA;AAC1B,GAAA;AACF,CAAC;;;;"}

package/dist/esm/src/theme/default/defaultTheme.js CHANGED Viewed

@@ -28,6 +28,7 @@ import tag from './config/tag.js';
 import tooltip from './config/tooltip.js';
 import pagination from './config/pagination.js';
 import scrollbar from './config/scrollbar.js';
+import segmentedButtons from './config/segmentedButtons.js';
 import statusTag from './config/statusTag.js';
 import toastNotifications from './config/toastNotifications.js';
@@ -64,6 +65,7 @@ var defaultTheme = {
   pagination: pagination,
   dropdown: dropdown,
   scrollbar: scrollbar,
+  segmentedButtons: segmentedButtons,
   statusTag: statusTag,
   breadcrumbs: breadcrumbs,
   toastNotifications: toastNotifications

package/dist/esm/src/theme/default/defaultTheme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"defaultTheme.js","sources":["../../../../../src/theme/default/defaultTheme.ts"],"sourcesContent":["import { generateTypeScaleSizes, DEFAULT_TYPESCALE_CONFIG } from \"../utils/typography\";\nimport { colors } from \"./colors\";\nimport {\n alert,\n badge,\n button,\n card,\n chip,\n drawer,\n formElements,\n loader,\n modal,\n progressBar,\n result,\n sidebar,\n tabs,\n table,\n tag,\n toastNotifications,\n tooltip,\n pagination,\n dropdown,\n scrollbar,\n statusTag,\n breadcrumbs,\n} from \"./config\";\n\nconst typeScaleSizes = generateTypeScaleSizes(DEFAULT_TYPESCALE_CONFIG);\n\nconst defaultTheme = {\n body: {\n color: colors.black,\n background: colors.white,\n fontSize: \"100%\",\n lineHeight: 1.5715,\n fontFamily: `\"Mulish\", Arial, sans-serif`,\n },\n link: {\n color: colors.primary.base,\n hoverColor: colors.primary.lighter,\n },\n typeScaleSizes,\n alert,\n badge,\n button,\n card,\n chip,\n drawer,\n formElements,\n loader,\n modal,\n progressBar,\n result,\n sidebar,\n table,\n tabs,\n tag,\n tooltip,\n pagination,\n dropdown,\n scrollbar,\n statusTag,\n breadcrumbs,\n toastNotifications,\n};\n\nexport type GnosisTheme = typeof defaultTheme;\n\nexport default defaultTheme;\n"],"names":["typeScaleSizes","generateTypeScaleSizes","DEFAULT_TYPESCALE_CONFIG","defaultTheme","body","color","colors","black","background","white","fontSize","lineHeight","fontFamily","link","primary","base","hoverColor","lighter","alert","badge","button","card","chip","drawer","formElements","loader","modal","progressBar","result","sidebar","table","tabs","tag","tooltip","pagination","dropdown","scrollbar","statusTag","breadcrumbs","toastNotifications"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA~~,IAAMA,cAAc,GAAGC,sBAAsB,CAACC,wBAAwB,CAAC,CAAA;AAEvE,IAAMC,YAAY,GAAG;AACnBC,EAAAA,IAAI,EAAE;IACJC,KAAK,EAAEC,MAAM,CAACC,KAAK;IACnBC,UAAU,EAAEF,MAAM,CAACG,KAAK;AACxBC,IAAAA,QAAQ,EAAE,MAAM;AAChBC,IAAAA,UAAU,EAAE,MAAM;IAClBC,UAAU,EAAA,+BAAA;GACX;AACDC,EAAAA,IAAI,EAAE;AACJR,IAAAA,KAAK,EAAEC,MAAM,CAACQ,OAAO,CAACC,IAAI;AAC1BC,IAAAA,UAAU,EAAEV,MAAM,CAACQ,OAAO,CAACG,OAAAA;GAC5B;AACDjB,EAAAA,cAAc,EAAdA,cAAc;AACdkB,EAAAA,KAAK,EAALA,KAAK;AACLC,EAAAA,KAAK,EAALA,KAAK;AACLC,EAAAA,MAAM,EAANA,MAAM;AACNC,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,MAAM,EAANA,MAAM;AACNC,EAAAA,YAAY,EAAZA,YAAY;AACZC,EAAAA,MAAM,EAANA,MAAM;AACNC,EAAAA,KAAK,EAALA,KAAK;AACLC,EAAAA,WAAW,EAAXA,WAAW;AACXC,EAAAA,MAAM,EAANA,MAAM;AACNC,EAAAA,OAAO,EAAPA,OAAO;AACPC,EAAAA,KAAK,EAALA,KAAK;AACLC,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,GAAG,EAAHA,GAAG;AACHC,EAAAA,OAAO,EAAPA,OAAO;AACPC,EAAAA,UAAU,EAAVA,UAAU;AACVC,EAAAA,QAAQ,EAARA,QAAQ;AACRC,EAAAA,SAAS,EAATA,SAAS;AACTC,EAAAA,SAAS,EAATA,SAAS;AACTC,EAAAA,WAAW,EAAXA,WAAW;AACXC,EAAAA,kBAAkB,EAAlBA,kBAAAA;AACF;;;;"}
1	+ {"version":3,"file":"defaultTheme.js","sources":["../../../../../src/theme/default/defaultTheme.ts"],"sourcesContent":["import { generateTypeScaleSizes, DEFAULT_TYPESCALE_CONFIG } from \"../utils/typography\";\nimport { colors } from \"./colors\";\nimport {\n alert,\n badge,\n button,\n card,\n chip,\n drawer,\n formElements,\n loader,\n modal,\n progressBar,\n result,\n sidebar,\n tabs,\n table,\n tag,\n toastNotifications,\n tooltip,\n pagination,\n dropdown,\n scrollbar,\n segmentedButtons,\n statusTag,\n breadcrumbs,\n} from \"./config\";\n\nconst typeScaleSizes = generateTypeScaleSizes(DEFAULT_TYPESCALE_CONFIG);\n\nconst defaultTheme = {\n body: {\n color: colors.black,\n background: colors.white,\n fontSize: \"100%\",\n lineHeight: 1.5715,\n fontFamily: `\"Mulish\", Arial, sans-serif`,\n },\n link: {\n color: colors.primary.base,\n hoverColor: colors.primary.lighter,\n },\n typeScaleSizes,\n alert,\n badge,\n button,\n card,\n chip,\n drawer,\n formElements,\n loader,\n modal,\n progressBar,\n result,\n sidebar,\n table,\n tabs,\n tag,\n tooltip,\n pagination,\n dropdown,\n scrollbar,\n segmentedButtons,\n statusTag,\n breadcrumbs,\n toastNotifications,\n};\n\nexport type GnosisTheme = typeof defaultTheme;\n\nexport default defaultTheme;\n"],"names":["typeScaleSizes","generateTypeScaleSizes","DEFAULT_TYPESCALE_CONFIG","defaultTheme","body","color","colors","black","background","white","fontSize","lineHeight","fontFamily","link","primary","base","hoverColor","lighter","alert","badge","button","card","chip","drawer","formElements","loader","modal","progressBar","result","sidebar","table","tabs","tag","tooltip","pagination","dropdown","scrollbar","segmentedButtons","statusTag","breadcrumbs","toastNotifications"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,IAAMA,cAAc,GAAGC,sBAAsB,CAACC,wBAAwB,CAAC,CAAA;AAEvE,IAAMC,YAAY,GAAG;AACnBC,EAAAA,IAAI,EAAE;IACJC,KAAK,EAAEC,MAAM,CAACC,KAAK;IACnBC,UAAU,EAAEF,MAAM,CAACG,KAAK;AACxBC,IAAAA,QAAQ,EAAE,MAAM;AAChBC,IAAAA,UAAU,EAAE,MAAM;IAClBC,UAAU,EAAA,+BAAA;GACX;AACDC,EAAAA,IAAI,EAAE;AACJR,IAAAA,KAAK,EAAEC,MAAM,CAACQ,OAAO,CAACC,IAAI;AAC1BC,IAAAA,UAAU,EAAEV,MAAM,CAACQ,OAAO,CAACG,OAAAA;GAC5B;AACDjB,EAAAA,cAAc,EAAdA,cAAc;AACdkB,EAAAA,KAAK,EAALA,KAAK;AACLC,EAAAA,KAAK,EAALA,KAAK;AACLC,EAAAA,MAAM,EAANA,MAAM;AACNC,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,MAAM,EAANA,MAAM;AACNC,EAAAA,YAAY,EAAZA,YAAY;AACZC,EAAAA,MAAM,EAANA,MAAM;AACNC,EAAAA,KAAK,EAALA,KAAK;AACLC,EAAAA,WAAW,EAAXA,WAAW;AACXC,EAAAA,MAAM,EAANA,MAAM;AACNC,EAAAA,OAAO,EAAPA,OAAO;AACPC,EAAAA,KAAK,EAALA,KAAK;AACLC,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,GAAG,EAAHA,GAAG;AACHC,EAAAA,OAAO,EAAPA,OAAO;AACPC,EAAAA,UAAU,EAAVA,UAAU;AACVC,EAAAA,QAAQ,EAARA,QAAQ;AACRC,EAAAA,SAAS,EAATA,SAAS;AACTC,EAAAA,gBAAgB,EAAhBA,gBAAgB;AAChBC,EAAAA,SAAS,EAATA,SAAS;AACTC,EAAAA,WAAW,EAAXA,WAAW;AACXC,EAAAA,kBAAkB,EAAlBA,kBAAAA;AACF;;;;"}

package/dist/types/components/Button/Button.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import React, { ReactElement, ReactNode, ElementType } from "react";
+import React, { ReactElement, ReactNode, ElementType, SVGProps } from "react";
 import { IconType, PolymorphicComponentProps } from "types/common";
 export type Color = "primary" | "secondary" | "danger" | "success" | "primaryLight" | "primaryDarker" | "white" | "orange";
 export type Size = "sm" | "md" | "lg";
@@ -9,7 +9,9 @@ export type Props = {
     block?: boolean;
     isLoading?: boolean;
     iconBefore?: IconType;
+    iconBeforeProps?: SVGProps<SVGSVGElement>;
     iconAfter?: IconType;
+    iconAfterProps?: SVGProps<SVGSVGElement>;
     className?: string;
     disabled?: boolean;
     rounded?: boolean;

package/dist/types/components/SegmentedButtons/SegmentedButtons.d.ts ADDED Viewed

@@ -0,0 +1,16 @@
+import React, { FC, ReactNode } from "react";
+import { IconType } from "types/common";
+export type SegmentedButtonOption = {
+    value: string;
+    label?: ReactNode;
+    icon?: IconType;
+    disabled?: boolean;
+};
+export type SegmentedButtonsProps = Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "role"> & {
+    options: SegmentedButtonOption[];
+    value: string;
+    onChange: (value: string) => void;
+    ariaLabel?: string;
+};
+declare const SegmentedButtons: FC<SegmentedButtonsProps>;
+export default SegmentedButtons;

package/dist/types/components/SegmentedButtons/styles.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import { Theme, SerializedStyles } from "@emotion/react";
+type SegmentedButtonAttrs = {
+    isSelected: boolean;
+    isFirst: boolean;
+    isLast: boolean;
+    hasLabel: boolean;
+    hasIcon: boolean;
+};
+export declare const container: SerializedStyles;
+export declare const segmentedButton: ({ typeScaleSizes, segmentedButtons }: Theme, { isSelected, isFirst, isLast, hasLabel, hasIcon }: SegmentedButtonAttrs) => SerializedStyles;
+export {};

package/dist/types/index.d.ts CHANGED Viewed

@@ -20,6 +20,7 @@ export { default as Table } from "./components/Table/Table";
 export { default as Dropdown } from "./components/Dropdown/Dropdown";
 export { default as StatusTag } from "./components/StatusTag/StatusTag";
 export { default as Breadcrumbs } from "./components/Breadcrumbs/Breadcrumbs";
+export { default as SegmentedButtons } from "./components/SegmentedButtons/SegmentedButtons";
 export { default as ToastNotification } from "./components/Toast/ToastNotifications";
 export { default as Heading } from "./components/Heading/Heading";
 export { default as Text } from "./components/Text/Text";
@@ -44,4 +45,5 @@ export type { Column, Row } from "./components/Table/types";
 export type { DropdownProps, DropdownItem } from "./components/Dropdown/types";
 export type { TableHandlers } from "./components/Table/types";
 export type { StatusTagColors } from "./components/StatusTag/StatusTag";
+export type { SegmentedButtonsProps, SegmentedButtonOption, } from "./components/SegmentedButtons/SegmentedButtons";
 export type { Color } from "./components/Button/Button";

package/dist/types/theme/default/config/index.d.ts CHANGED Viewed

@@ -18,5 +18,6 @@ export { default as tag } from "./tag";
 export { default as tooltip } from "./tooltip";
 export { default as pagination } from "./pagination";
 export { default as scrollbar } from "./scrollbar";
+export { default as segmentedButtons } from "./segmentedButtons";
 export { default as statusTag } from "./statusTag";
 export { default as toastNotifications } from "./toastNotifications";

package/dist/types/theme/default/config/segmentedButtons.d.ts ADDED Viewed

@@ -0,0 +1,23 @@
+declare const _default: {
+    default: {
+        background: string;
+        borderColor: string;
+        color: string;
+    };
+    hover: {
+        background: string;
+        borderColor: string;
+        color: string;
+    };
+    active: {
+        background: string;
+        borderColor: string;
+        color: string;
+    };
+    disabled: {
+        background: string;
+        borderColor: string;
+        color: string;
+    };
+};
+export default _default;

package/dist/types/theme/default/defaultTheme.d.ts CHANGED Viewed

@@ -466,6 +466,28 @@ declare const defaultTheme: {
         color: string;
         background: string;
     };
+    segmentedButtons: {
+        default: {
+            background: string;
+            borderColor: string;
+            color: string;
+        };
+        hover: {
+            background: string;
+            borderColor: string;
+            color: string;
+        };
+        active: {
+            background: string;
+            borderColor: string;
+            color: string;
+        };
+        disabled: {
+            background: string;
+            borderColor: string;
+            color: string;
+        };
+    };
     statusTag: {
         neutral: string;
         positive: string;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@epignosis_llc/gnosis",
-  "version": "6.6.18",
+  "version": "6.7.0",
   "type": "module",
   "description": "Epignosis official react design system.",
   "homepage": "https://github.com/epignosis/gnosis",