@trilogy-ds/react 0.0.1-beta.5 → 0.0.1-beta.50

package/lib/components/section/Section.js

@@ -14,13 +14,13 @@ import { useTrilogyContext } from '../../context';
  * @param paddingless {boolean} remove padding
  * @param verticalPaddingless {boolean} remove vertical padding
  **/
-const Section = ({ className, skeleton, background, backgroundSrc, paddingless, verticalPaddingless, fullwidth, ...others }) => {
+const Section = ({ className, skeleton, background, backgroundSrc, inverted, paddingless, verticalPaddingless, fullwidth, ...others }) => {
     const { styled } = useTrilogyContext();
     const [isLoading, setIsLoading] = useState(skeleton || false);
     useEffect(() => {
         setIsLoading(skeleton || false);
     }, [skeleton]);
-    const _className = hashClass(styled, clsx('section', className, isLoading ? is('loading') : is('loaded'), fullwidth && is('fullwidth'), paddingless && is('paddingless'), verticalPaddingless && is('vertical-paddingless'), background && has(getBackgroundClassName(background)), backgroundSrc && has('background')));
+    const _className = hashClass(styled, clsx('section', className, background && has(getBackgroundClassName(background)), backgroundSrc && has('background'), inverted && is('inverted'), isLoading ? is('loading') : is('loaded'), fullwidth && is('fullwidth'), paddingless && is('paddingless'), verticalPaddingless && is('vertical-paddingless')));
     return (React.createElement("section", { ...(backgroundSrc && {
             style: { backgroundImage: `url(${backgroundSrc})`, backgroundSize: 'cover', backgroundPosition: '50%' },
         }), className: _className, ...others }));

package/lib/components/section/Section.js.map

@@ -1 +1 @@
-{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../components/section/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD;;;;;;;;;IASI;AAEJ,MAAM,OAAO,GAAG,CAAC,EACf,SAAS,EACT,QAAQ,EACR,UAAU,EACV,aAAa,EACb,WAAW,EACX,mBAAmB,EACnB,SAAS,EACT,GAAG,MAAM,EACI,EAAe,EAAE;IAC9B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,QAAQ,IAAI,KAAK,CAAC,CAAA;IAEtE,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,QAAQ,IAAI,KAAK,CAAC,CAAA;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,UAAU,GAAG,SAAS,CAC1B,MAAM,EACN,IAAI,CACF,SAAS,EACT,SAAS,EACT,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,EACxC,SAAS,IAAI,EAAE,CAAC,WAAW,CAAC,EAC5B,WAAW,IAAI,EAAE,CAAC,aAAa,CAAC,EAChC,mBAAmB,IAAI,EAAE,CAAC,sBAAsB,CAAC,EACjD,UAAU,IAAI,GAAG,CAAC,sBAAsB,CAAC,UAAU,CAAC,CAAC,EACrD,aAAa,IAAI,GAAG,CAAC,YAAY,CAAC,CACnC,CACF,CAAA;IAED,OAAO,CACL,oCACM,CAAC,aAAa,IAAI;YACpB,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,aAAa,GAAG,EAAE,cAAc,EAAE,OAAO,EAAE,kBAAkB,EAAE,KAAK,EAAE;SACxG,CAAC,EACF,SAAS,EAAE,UAAU,KACjB,MAAM,GACV,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../components/section/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAClD,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;IASI;AAEJ,MAAM,OAAO,GAAG,CAAC,EACf,SAAS,EACT,QAAQ,EACR,UAAU,EACV,aAAa,EACb,QAAQ,EACR,WAAW,EACX,mBAAmB,EACnB,SAAS,EACT,GAAG,MAAM,EACI,EAAe,EAAE;IAC9B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,QAAQ,IAAI,KAAK,CAAC,CAAA;IAEtE,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,QAAQ,IAAI,KAAK,CAAC,CAAA;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,UAAU,GAAG,SAAS,CAC1B,MAAM,EACN,IAAI,CACF,SAAS,EACT,SAAS,EACT,UAAU,IAAI,GAAG,CAAC,sBAAsB,CAAC,UAAU,CAAC,CAAC,EACrD,aAAa,IAAI,GAAG,CAAC,YAAY,CAAC,EAClC,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,EACxC,SAAS,IAAI,EAAE,CAAC,WAAW,CAAC,EAC5B,WAAW,IAAI,EAAE,CAAC,aAAa,CAAC,EAChC,mBAAmB,IAAI,EAAE,CAAC,sBAAsB,CAAC,CAClD,CACF,CAAA;IAED,OAAO,CACL,oCACM,CAAC,aAAa,IAAI;YACpB,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,aAAa,GAAG,EAAE,cAAc,EAAE,OAAO,EAAE,kBAAkB,EAAE,KAAK,EAAE;SACxG,CAAC,EACF,SAAS,EAAE,UAAU,KACjB,MAAM,GACV,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}

package/lib/components/section/Section.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { SectionProps } from './SectionProps';
-import { ComponentName } from '../enumsComponentsName';
+import { SectionProps } from "./SectionProps";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Section Component - Manages the main margins of the page and takes up all the available width.
  * @param children {ReactNode} Section children

package/lib/components/section/Section.native.js

@@ -1,8 +1,8 @@
-import React from 'react';
-import { ImageBackground, StyleSheet, View } from 'react-native';
-import { AutoLayoutWrapper } from '../autolayout';
-import { getBackgroundStyle, getColorStyle, TrilogyColor } from '../../objects';
-import { ComponentName } from '../enumsComponentsName';
+import * as React from "react";
+import { ImageBackground, StyleSheet, View } from "react-native";
+import { AutoLayoutWrapper } from "../../components/autolayout";
+import { getBackgroundStyle, getColorStyle, TrilogyColor } from "../../objects";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Section Component - Manages the main margins of the page and takes up all the available width.
  * @param children {ReactNode} Section children
@@ -14,7 +14,7 @@ import { ComponentName } from '../enumsComponentsName';
  * @param verticalPaddingless {boolean} remove vertical padding
  */
 const Section = ({ autolayout = true, background, backgroundSrc, children, paddingless, verticalPaddingless, fullwidth, }) => {
-    const colorBgc = getColorStyle(TrilogyColor.WHITE);
+    const colorBgc = getColorStyle(TrilogyColor.BACKGROUND);
     const styles = StyleSheet.create({
         section: {
             backgroundColor: background ? getBackgroundStyle(background) : colorBgc,
@@ -22,15 +22,17 @@ const Section = ({ autolayout = true, background, backgroundSrc, children, paddi
             paddingBottom: paddingless || verticalPaddingless ? 0 : 32,
             paddingRight: paddingless ? 0 : 24,
             paddingLeft: paddingless ? 0 : 24,
-            width: fullwidth ? '100%' : 'auto',
+            width: fullwidth ? "100%" : "auto",
         },
         sectionImage: {
-            width: '100%',
+            width: "100%",
             minHeight: 100,
-            height: 'auto',
+            height: "auto",
         },
     });
-    return (React.createElement(View, { style: styles.section }, backgroundSrc ? (React.createElement(ImageBackground, { style: styles.sectionImage, source: typeof backgroundSrc === 'number' ? backgroundSrc : { uri: backgroundSrc } },
+    return (React.createElement(View, { style: styles.section }, backgroundSrc ? (React.createElement(ImageBackground, { style: styles.sectionImage, source: typeof backgroundSrc === "number"
+            ? backgroundSrc
+            : { uri: backgroundSrc } },
         React.createElement(AutoLayoutWrapper, { ...{ autolayout } }, children))) : (React.createElement(AutoLayoutWrapper, { ...{ autolayout } }, children))));
 };
 Section.displayName = ComponentName.Section;

package/lib/components/section/Section.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"Section.native.js","sourceRoot":"","sources":["../../../components/section/Section.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEhE,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC/E,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAEtD;;;;;;;;;GASG;AACH,MAAM,OAAO,GAAG,CAAC,EACf,UAAU,GAAG,IAAI,EACjB,UAAU,EACV,aAAa,EACb,QAAQ,EACR,WAAW,EACX,mBAAmB,EACnB,SAAS,GACI,EAAe,EAAE;IAC9B,MAAM,QAAQ,GAAG,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;IAElD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,OAAO,EAAE;YACP,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,QAAQ;YACvE,UAAU,EAAE,WAAW,IAAI,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YACvD,aAAa,EAAE,WAAW,IAAI,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YAC1D,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YAClC,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YACjC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;SACnC;QACD,YAAY,EAAE;YACZ,KAAK,EAAE,MAAM;YACb,SAAS,EAAE,GAAG;YACd,MAAM,EAAE,MAAM;SACf;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,IACxB,aAAa,CAAC,CAAC,CAAC,CACf,oBAAC,eAAe,IACd,KAAK,EAAE,MAAM,CAAC,YAAY,EAC1B,MAAM,EAAE,OAAO,aAAa,KAAK,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,aAAa,EAAE;QAElF,oBAAC,iBAAiB,OAAK,EAAE,UAAU,EAAE,IAAG,QAAQ,CAAqB,CACrD,CACnB,CAAC,CAAC,CAAC,CACF,oBAAC,iBAAiB,OAAK,EAAE,UAAU,EAAE,IAAG,QAAQ,CAAqB,CACtE,CACI,CACR,CAAA;AACH,CAAC,CAAA;AAED,OAAO,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAA;AAE3C,eAAe,OAAO,CAAA"}
+{"version":3,"file":"Section.native.js","sourceRoot":"","sources":["../../../components/section/Section.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEhE,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAC3D,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;;;;;;GASG;AACH,MAAM,OAAO,GAAG,CAAC,EACf,UAAU,GAAG,IAAI,EACjB,UAAU,EACV,aAAa,EACb,QAAQ,EACR,WAAW,EACX,mBAAmB,EACnB,SAAS,GACI,EAAe,EAAE;IAC9B,MAAM,QAAQ,GAAG,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC,CAAA;IAEvD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,OAAO,EAAE;YACP,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,QAAQ;YACvE,UAAU,EAAE,WAAW,IAAI,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YACvD,aAAa,EAAE,WAAW,IAAI,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YAC1D,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YAClC,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YACjC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;SACnC;QACD,YAAY,EAAE;YACZ,KAAK,EAAE,MAAM;YACb,SAAS,EAAE,GAAG;YACd,MAAM,EAAE,MAAM;SACf;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,IACxB,aAAa,CAAC,CAAC,CAAC,CACf,oBAAC,eAAe,IACd,KAAK,EAAE,MAAM,CAAC,YAAY,EAC1B,MAAM,EACJ,OAAO,aAAa,KAAK,QAAQ;YAC/B,CAAC,CAAC,aAAa;YACf,CAAC,CAAC,EAAE,GAAG,EAAE,aAAa,EAAE;QAG5B,oBAAC,iBAAiB,OAAK,EAAE,UAAU,EAAE,IAAG,QAAQ,CAAqB,CACrD,CACnB,CAAC,CAAC,CAAC,CACF,oBAAC,iBAAiB,OAAK,EAAE,UAAU,EAAE,IAAG,QAAQ,CAAqB,CACtE,CACI,CACR,CAAA;AACH,CAAC,CAAA;AAED,OAAO,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAA;AAE3C,eAAe,OAAO,CAAA"}

package/lib/components/section/SectionProps.d.ts

@@ -5,5 +5,4 @@ import type { BackgroundProps, Fullwidth, Layout, Paddingless, Position, Vertica
 export interface SectionProps extends Layout, Fullwidth, BackgroundProps, Position, Paddingless, VerticalPaddingless, ChildrenWithNoText {
     className?: string;
     skeleton?: boolean;
-    backgroundSrc?: string;
 }

package/lib/components/section/test/Section.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/section/test/Section.test.js

@@ -0,0 +1,30 @@
+import React from "react";
+import { render } from "@testing-library/react";
+import Section from "../Section";
+import { TrilogyColor } from "../../../objects";
+describe("Section", () => {
+    it("renders with all props", () => {
+        const props = {
+            className: "test-class",
+            skeleton: true,
+            background: TrilogyColor.MAIN,
+            backgroundSrc: "https://example.com/image.jpg",
+            paddingless: true,
+            verticalPaddingless: true,
+            onClick: jest.fn(),
+            style: { color: "red" },
+        };
+        const { getByTestId } = render(React.createElement(Section, { ...props, "data-testid": "test-section" },
+            React.createElement("div", { "data-testid": "test-children" })));
+        const section = getByTestId("test-section");
+        const children = getByTestId("test-children");
+        expect(section).toHaveClass("section");
+        expect(section).toHaveClass("test-class");
+        expect(section).toHaveClass("is-loading");
+        expect(section).toHaveClass("is-paddingless");
+        expect(section).toHaveClass("is-vertical-paddingless");
+        expect(section).toHaveClass("has-background-main has-background");
+        expect(children).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=Section.test.js.map

package/lib/components/section/test/Section.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.test.js","sourceRoot":"","sources":["../../../../components/section/test/Section.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,OAAO,MAAM,YAAY,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;IACvB,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;QAChC,MAAM,KAAK,GAAG;YACZ,SAAS,EAAE,YAAY;YACvB,QAAQ,EAAE,IAAI;YACd,UAAU,EAAE,YAAY,CAAC,IAAI;YAC7B,aAAa,EAAE,+BAA+B;YAC9C,WAAW,EAAE,IAAI;YACjB,mBAAmB,EAAE,IAAI;YACzB,OAAO,EAAE,IAAI,CAAC,EAAE,EAAE;YAClB,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;SACxB,CAAC;QACF,MAAM,EAAE,WAAW,EAAE,GAAG,MAAM,CAC5B,oBAAC,OAAO,OAAK,KAAK,iBAAc,cAAc;YAC5C,4CAAiB,eAAe,GAAG,CAC3B,CACX,CAAC;QAEF,MAAM,OAAO,GAAG,WAAW,CAAC,cAAc,CAAC,CAAC;QAC5C,MAAM,QAAQ,GAAG,WAAW,CAAC,eAAe,CAAC,CAAC;QAE9C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QACvC,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;QAC1C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;QAC1C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC;QAC9C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,yBAAyB,CAAC,CAAC;QACvD,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,oCAAoC,CAAC,CAAC;QAElE,MAAM,CAAC,QAAQ,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACvC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/lib/components/segment-control/SegmentControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentControl.js","sourceRoot":"","sources":["../../../components/segment-control/SegmentControl.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SegmentControl.js","sourceRoot":"","sources":["../../../components/segment-control/SegmentControl.tsx"],"names":[],"mappings":"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"}

package/lib/components/segment-control/SegmentControl.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { SegmentControlProps } from './SegmentControlProps';
-import { ComponentName } from '../enumsComponentsName';
+import { SegmentControlProps } from "./SegmentControlProps";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * SegmentControl Component
  * @param children {ReactNode} Children for SegmentedControl

package/lib/components/segment-control/SegmentControl.native.js

@@ -1,10 +1,10 @@
-import React, { useState } from 'react';
-import { StyleSheet } from 'react-native';
-import { View } from '../view';
-import { Text, TextLevels } from '../text';
-import SegmentedControlItem from './item';
-import { mixColors, TrilogyColor } from '../../objects/facets/Color';
-import { ComponentName } from '../enumsComponentsName';
+import React, { useState } from "react";
+import { StyleSheet } from "react-native";
+import { View } from "../../components/view";
+import { Text, TextLevels } from "../../components/text";
+import SegmentedControlItem from "./item";
+import { getColorStyle, TrilogyColor } from "../../objects/facets/Color";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * SegmentControl Component
  * @param children {ReactNode} Children for SegmentedControl
@@ -17,7 +17,7 @@ import { ComponentName } from '../enumsComponentsName';
 const SegmentControl = ({ children, onClick, activeIndex, disabled, marginless, inverted, ...others }) => {
     const [activateIndex, setActivateIndex] = useState(activeIndex || 0);
     const isActive = (index, childPropsActive) => {
-        if (typeof childPropsActive !== 'undefined' && !activateIndex) {
+        if (typeof childPropsActive !== "undefined" && !activateIndex) {
             return childPropsActive;
         }
         if (index === activateIndex) {
@@ -39,13 +39,11 @@ const SegmentControl = ({ children, onClick, activeIndex, disabled, marginless,
             paddingRight: marginless ? 0 : 10,
         },
         segmentedControl: {
-            flexDirection: 'row',
-            width: '100%',
-            backgroundColor: mixColors(TrilogyColor.GREY, -96),
+            flexDirection: "row",
+            width: "100%",
+            backgroundColor: getColorStyle(TrilogyColor.NEUTRAL_DARK, 1),
             borderRadius: 4,
             padding: 4,
-            borderWidth: 1,
-            borderColor: mixColors(TrilogyColor.GREY, -80),
             paddingRight: -4,
         },
     });
@@ -55,7 +53,8 @@ const SegmentControl = ({ children, onClick, activeIndex, disabled, marginless,
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             children.map((child, index) => {
                 const props = {
-                    inverted: Boolean(isActive(index, child.props.active) && inverted) || false,
+                    inverted: Boolean(isActive(index, child.props.active) && inverted) ||
+                        false,
                     active: Boolean(isActive(index, child.props.active)) || false,
                     disabled: child.props.disabled,
                     key: index,
@@ -70,7 +69,7 @@ const SegmentControl = ({ children, onClick, activeIndex, disabled, marginless,
                     },
                 };
                 if (index < 5) {
-                    return typeof child.valueOf() === 'string' ? (React.createElement(SegmentedControlItem, { disabled: props.disabled, active: props.active, onClick: (e) => onClick === null || onClick === void 0 ? void 0 : onClick(e) },
+                    return typeof child.valueOf() === "string" ? (React.createElement(SegmentedControlItem, { disabled: props.disabled, active: props.active, onClick: (e) => onClick === null || onClick === void 0 ? void 0 : onClick(e) },
                         React.createElement(Text, { level: TextLevels.ONE }, String(child)))) : (React.cloneElement(child, props));
                 }
             }))));

package/lib/components/segment-control/SegmentControl.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentControl.native.js","sourceRoot":"","sources":["../../../components/segment-control/SegmentControl.native.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SegmentControl.native.js","sourceRoot":"","sources":["../../../components/segment-control/SegmentControl.native.tsx"],"names":[],"mappings":"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"}

package/lib/components/segment-control/SegmentControlProps.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Clickable } from './../../objects/facets/Clickable';
+import { Clickable } from '../../objects/facets/Clickable';
 import { Centerable } from '../../objects/facets/Centerable';
 import { AlignableProps } from '../../objects/facets/Alignable';
 import { JustifiableProps } from '../../objects/facets/Justifiable';

package/lib/components/segment-control/item/SegmentControlItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentControlItem.js","sourceRoot":"","sources":["../../../../components/segment-control/item/SegmentControlItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD;;;;;;;GAOG;AACH,MAAM,kBAAkB,GAAG,CAAC,EAC1B,MAAM,EACN,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,GACgB,EAAe,EAAE;IACzC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAU,MAAM,IAAI,KAAK,CAAC,CAAA;IACtE,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,MAAM,IAAI,KAAK,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,OAAO,CACL,gCACE,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,wBAAwB,EAAE,SAAS,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC,CAAC,EACpG,OAAO,EAAE,CAAC,CAAmB,EAAE,EAAE;YAC/B,MAAM,MAAM,GAAG,CAAC,CAAC,MAAyB,CAAA;YAC1C,aAAa,CAAC,MAAM,IAAI,KAAK,CAAC,CAAA;YAC9B,MAAM,CAAC,MAAM,GAAG,MAAM,CAAA;YACtB,IAAI,OAAO,EAAE;gBACX,OAAO,CAAC,CAAC,CAAC,CAAA;aACX;QACH,CAAC,IAEA,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"SegmentControlItem.js","sourceRoot":"","sources":["../../../../components/segment-control/item/SegmentControlItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;GAOG;AACH,MAAM,kBAAkB,GAAG,CAAC,EAC1B,MAAM,EACN,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,GACgB,EAAe,EAAE;IACzC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAU,MAAM,IAAI,KAAK,CAAC,CAAA;IACtE,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,MAAM,IAAI,KAAK,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,OAAO,CACL,gCACE,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,wBAAwB,EAAE,SAAS,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC,CAAC,EACpG,OAAO,EAAE,CAAC,CAAmB,EAAE,EAAE;YAC/B,MAAM,MAAM,GAAG,CAAC,CAAC,MAAyB,CAAA;YAC1C,aAAa,CAAC,MAAM,IAAI,KAAK,CAAC,CAAA;YAC9B,MAAM,CAAC,MAAM,GAAG,MAAM,CAAA;YACtB,IAAI,OAAO,EAAE;gBACX,OAAO,CAAC,CAAC,CAAC,CAAA;aACX;QACH,CAAC,IAEA,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/lib/components/segment-control/item/SegmentControlItem.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { SegmentControlItemProps } from './SegmentControlItemProps';
-import { ComponentName } from '../../enumsComponentsName';
+import { SegmentControlItemProps } from "./SegmentControlItemProps";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * SegmentControlItem Item Component
  * @param active {boolean} active Segment Control item

package/lib/components/segment-control/item/SegmentControlItem.native.js

@@ -1,7 +1,7 @@
-import React, { useState, useEffect } from 'react';
-import { StyleSheet, TouchableOpacity, Text } from 'react-native';
-import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
-import { ComponentName } from '../../enumsComponentsName';
+import React, { useEffect, useState } from "react";
+import { StyleSheet, Text, TouchableOpacity } from "react-native";
+import { getColorStyle, TrilogyColor } from "../../../objects/facets/Color";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * SegmentControlItem Item Component
  * @param active {boolean} active Segment Control item
@@ -14,26 +14,29 @@ const SegmentControlItem = ({ active, children, onClick, inverted, disabled, ...
     const [activeItem, setActiveItem] = useState(active || false);
     const styles = StyleSheet.create({
         tabsItem: {
-            flexDirection: 'column',
+            flexDirection: "column",
             flex: 1,
             marginRight: 4,
             borderRadius: 4,
-            alignItems: 'center',
-            backgroundColor: (activeItem && getColorStyle(TrilogyColor.SECONDARY)) ||
-                (inverted && getColorStyle(TrilogyColor.WHITE)) ||
-                (disabled && getColorStyle(TrilogyColor.GREY_DISABLED)) ||
-                getColorStyle(TrilogyColor.GREY_LIGHT),
+            alignItems: "center",
+            backgroundColor: (activeItem && getColorStyle(TrilogyColor.MAIN)) ||
+                (inverted && getColorStyle(TrilogyColor.BACKGROUND)) ||
+                (disabled && getColorStyle(TrilogyColor.DISABLED, 1)) ||
+                getColorStyle(TrilogyColor.NEUTRAL_DARK, 1),
         },
         text: {
             paddingHorizontal: 16,
-            color: (activeItem && !inverted && getColorStyle(TrilogyColor.WHITE)) ||
-                (!activeItem && !inverted && disabled && getColorStyle(TrilogyColor.GREY_DISABLED)) ||
-                getColorStyle(TrilogyColor.TERTIARY),
+            color: (activeItem && !inverted && getColorStyle(TrilogyColor.BACKGROUND)) ||
+                (!activeItem &&
+                    !inverted &&
+                    disabled &&
+                    getColorStyle(TrilogyColor.DISABLED)) ||
+                getColorStyle(TrilogyColor.MAIN),
             marginVertical: 10,
             fontSize: 16,
-            textAlign: 'center',
-            textAlignVertical: 'center',
-            fontWeight: activeItem ? '600' : 'normal',
+            textAlign: "center",
+            textAlignVertical: "center",
+            fontWeight: activeItem ? "600" : "normal",
         },
     });
     useEffect(() => {
@@ -46,7 +49,7 @@ const SegmentControlItem = ({ active, children, onClick, inverted, disabled, ...
                     onClick(e);
                 }
             }
-        }, ...others }, children && typeof children.valueOf() === 'string' && (React.createElement(Text, { style: styles.text, ellipsizeMode: 'tail', numberOfLines: 1 }, String(children)))));
+        }, ...others }, children && typeof children.valueOf() === "string" && (React.createElement(Text, { style: styles.text, ellipsizeMode: "tail", numberOfLines: 1 }, String(children)))));
 };
 SegmentControlItem.displayName = ComponentName.SegmentControlItem;
 export default SegmentControlItem;

package/lib/components/segment-control/item/SegmentControlItem.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentControlItem.native.js","sourceRoot":"","sources":["../../../../components/segment-control/item/SegmentControlItem.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEjE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD;;;;;;;GAOG;AACH,MAAM,kBAAkB,GAAG,CAAC,EAC1B,MAAM,EACN,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,GAAG,MAAM,EACe,EAAe,EAAE;IACzC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAU,MAAM,IAAI,KAAK,CAAC,CAAA;IAEtE,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,QAAQ,EAAE;YACR,aAAa,EAAE,QAAQ;YACvB,IAAI,EAAE,CAAC;YACP,WAAW,EAAE,CAAC;YACd,YAAY,EAAE,CAAC;YACf,UAAU,EAAE,QAAQ;YACpB,eAAe,EACb,CAAC,UAAU,IAAI,aAAa,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;gBACrD,CAAC,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;gBAC/C,CAAC,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;gBACvD,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC;SACzC;QACD,IAAI,EAAE;YACJ,iBAAiB,EAAE,EAAE;YACrB,KAAK,EACH,CAAC,UAAU,IAAI,CAAC,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;gBAC9D,CAAC,CAAC,UAAU,IAAI,CAAC,QAAQ,IAAI,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;gBACnF,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC;YACtC,cAAc,EAAE,EAAE;YAClB,QAAQ,EAAE,EAAE;YACZ,SAAS,EAAE,QAAQ;YACnB,iBAAiB,EAAE,QAAQ;YAC3B,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;SAC1C;KACF,CAAC,CAAA;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,MAAM,IAAI,KAAK,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,OAAO,CACL,oBAAC,gBAAgB,IACf,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EACxB,OAAO,EAAE,CAAC,CAAW,EAAE,EAAE;YACvB,IAAI,CAAC,QAAQ,EAAE;gBACb,aAAa,CAAC,MAAM,IAAI,KAAK,CAAC,CAAA;gBAC9B,IAAI,OAAO,EAAE;oBACX,OAAO,CAAC,CAAC,CAAC,CAAA;iBACX;aACF;QACH,CAAC,KACG,MAAM,IAET,QAAQ,IAAI,OAAO,QAAQ,CAAC,OAAO,EAAE,KAAK,QAAQ,IAAI,CACrD,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,IAC9D,MAAM,CAAC,QAAQ,CAAC,CACZ,CACR,CACgB,CACpB,CAAA;AACH,CAAC,CAAA;AAED,kBAAkB,CAAC,WAAW,GAAG,aAAa,CAAC,kBAAkB,CAAA;AAEjE,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"SegmentControlItem.native.js","sourceRoot":"","sources":["../../../../components/segment-control/item/SegmentControlItem.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAEjE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;;;;GAOG;AACH,MAAM,kBAAkB,GAAG,CAAC,EAC1B,MAAM,EACN,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,GAAG,MAAM,EACe,EAAe,EAAE;IACzC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAU,MAAM,IAAI,KAAK,CAAC,CAAA;IAEtE,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,QAAQ,EAAE;YACR,aAAa,EAAE,QAAQ;YACvB,IAAI,EAAE,CAAC;YACP,WAAW,EAAE,CAAC;YACd,YAAY,EAAE,CAAC;YACf,UAAU,EAAE,QAAQ;YACpB,eAAe,EACb,CAAC,UAAU,IAAI,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;gBAChD,CAAC,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;gBACpD,CAAC,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;gBACrD,aAAa,CAAC,YAAY,CAAC,YAAY,EAAE,CAAC,CAAC;SAC9C;QACD,IAAI,EAAE;YACJ,iBAAiB,EAAE,EAAE;YACrB,KAAK,EACH,CAAC,UAAU,IAAI,CAAC,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;gBACnE,CAAC,CAAC,UAAU;oBACV,CAAC,QAAQ;oBACT,QAAQ;oBACR,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;gBACvC,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC;YAClC,cAAc,EAAE,EAAE;YAClB,QAAQ,EAAE,EAAE;YACZ,SAAS,EAAE,QAAQ;YACnB,iBAAiB,EAAE,QAAQ;YAC3B,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;SAC1C;KACF,CAAC,CAAA;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,MAAM,IAAI,KAAK,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,OAAO,CACL,oBAAC,gBAAgB,IACf,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EACxB,OAAO,EAAE,CAAC,CAAW,EAAE,EAAE;YACvB,IAAI,CAAC,QAAQ,EAAE;gBACb,aAAa,CAAC,MAAM,IAAI,KAAK,CAAC,CAAA;gBAC9B,IAAI,OAAO,EAAE;oBACX,OAAO,CAAC,CAAC,CAAC,CAAA;iBACX;aACF;QACH,CAAC,KACG,MAAM,IAET,QAAQ,IAAI,OAAO,QAAQ,CAAC,OAAO,EAAE,KAAK,QAAQ,IAAI,CACrD,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,IAC9D,MAAM,CAAC,QAAQ,CAAC,CACZ,CACR,CACgB,CACpB,CAAA;AACH,CAAC,CAAA;AAED,kBAAkB,CAAC,WAAW,GAAG,aAAa,CAAC,kBAAkB,CAAA;AAEjE,eAAe,kBAAkB,CAAA"}

package/lib/components/segment-control/test/SegmentControl.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/segment-control/test/SegmentControl.test.js

@@ -0,0 +1,28 @@
+import * as React from "react";
+import { render, fireEvent } from "@testing-library/react";
+import SegmentControl from "../SegmentControl";
+import SegmentControlItem from "../item";
+describe("SegmentControl", () => {
+    it("renders with all props", () => {
+        const onClick = jest.fn();
+        const activeIndex = 1;
+        const { container, getByText } = render(React.createElement(SegmentControl, { className: "custom-class", onClick: onClick, disabled: false, marginless: true, activeIndex: activeIndex },
+            React.createElement(SegmentControlItem, null, "Segment 1"),
+            React.createElement(SegmentControlItem, { active: true }, "Segment 2"),
+            React.createElement(SegmentControlItem, null, "Segment 3")));
+        // Check if all children are rendered
+        expect(getByText("Segment 1")).toBeInTheDocument();
+        expect(getByText("Segment 2")).toBeInTheDocument();
+        expect(getByText("Segment 3")).toBeInTheDocument();
+        // Check if active segment is set correctly
+        expect(getByText("Segment 2")).toHaveClass("is-active");
+        // Check if onClick event is fired when a segment is clicked
+        fireEvent.click(getByText("Segment 3"));
+        expect(onClick).toHaveBeenCalled();
+        // Check if all props are applied correctly
+        expect(container.firstChild).toHaveClass("segmented-control");
+        expect(container.firstChild).toHaveClass("is-marginless");
+        expect(container.firstChild).toHaveClass("custom-class");
+    });
+});
+//# sourceMappingURL=SegmentControl.test.js.map

package/lib/components/segment-control/test/SegmentControl.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentControl.test.js","sourceRoot":"","sources":["../../../../components/segment-control/test/SegmentControl.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAC/C,OAAO,kBAAkB,MAAM,SAAS,CAAC;AAEzC,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;QAChC,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC1B,MAAM,WAAW,GAAG,CAAC,CAAC;QACtB,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,MAAM,CACrC,oBAAC,cAAc,IACb,SAAS,EAAC,cAAc,EACxB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,KAAK,EACf,UAAU,EAAE,IAAI,EAChB,WAAW,EAAE,WAAW;YAExB,oBAAC,kBAAkB,oBAA+B;YAClD,oBAAC,kBAAkB,IAAC,MAAM,sBAA+B;YACzD,oBAAC,kBAAkB,oBAA+B,CACnC,CAClB,CAAC;QAEF,qCAAqC;QACrC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACnD,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACnD,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAEnD,2CAA2C;QAC3C,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;QAExD,4DAA4D;QAC5D,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC;QACxC,MAAM,CAAC,OAAO,CAAC,CAAC,gBAAgB,EAAE,CAAC;QAEnC,2CAA2C;QAC3C,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAC;QAC9D,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;QAC1D,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/lib/components/select/Select.d.ts

@@ -21,5 +21,5 @@ import { SelectProps } from './SelectProps';
  *  * - -------------------------- NATIVE PROPERTIES -------------------------------
  * @param placeholder {string} Select Placeholder
  */
-declare const Select: ({ children, className, label, onChange, disabled, onBlur, onFocus, id, name, iconName, classNameOptions, nullable, testId, selected, native, ...others }: SelectProps) => JSX.Element;
+declare const Select: ({ native, ...props }: SelectProps) => JSX.Element;
 export default Select;

package/lib/components/select/Select.js

@@ -1,9 +1,5 @@
-import React from 'react';
-import clsx from 'clsx';
-import { hashClass } from '../../helpers';
-import { useTrilogyContext } from '../../context';
-import { SelectNative, SelectDynamic } from './web';
-import SelectNativeOption from './option/SelectNativeOption';
+import * as React from 'react';
+import { SelectDynamic, SelectNative } from './web';
 /**
  * Select Component
  * @param children {React.ReactNode} Children for Select
@@ -25,18 +21,10 @@ import SelectNativeOption from './option/SelectNativeOption';
  *  * - -------------------------- NATIVE PROPERTIES -------------------------------
  * @param placeholder {string} Select Placeholder
  */
-const Select = ({ children, className, label, onChange, disabled, onBlur, onFocus, id, name, iconName, classNameOptions, nullable, testId, selected, native, ...others }) => {
-    const { styled } = useTrilogyContext();
-    const selecteClasses = React.useMemo(() => hashClass(styled, clsx('select', disabled && 'select-disabled', iconName && 'has-icon', native && 'select-native', className)), [styled, disabled, iconName, className]);
-    if (native) {
-        return (React.createElement(SelectNative, { selecteClasses: selecteClasses, onChange: onChange, onFocus: onFocus, onBlur: onBlur, id: id, name: name, disabled: disabled, label: label, iconName: iconName, styled: styled, testId: testId, selected: selected, ...others }, React.Children.map(children, (child) => {
-            if (React.isValidElement(child)) {
-                return React.createElement(SelectNativeOption, { ...child.props });
-            }
-            return null;
-        })));
-    }
-    return (React.createElement(SelectDynamic, { styled: styled, onChange: onChange, nullable: nullable, disabled: disabled, onFocus: onFocus, onBlur: onBlur, selected: selected, name: name, id: id, testId: testId, classNameOptions: classNameOptions, selecteClasses: selecteClasses, label: label, iconName: iconName, ...others }, children));
+const Select = ({ native, ...props }) => {
+    if (native)
+        return React.createElement(SelectNative, { ...props });
+    return React.createElement(SelectDynamic, { ...props });
 };
 export default Select;
 //# sourceMappingURL=Select.js.map

package/lib/components/select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../components/select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AACnD,OAAO,kBAAkB,MAAM,6BAA6B,CAAA;AAE5D;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,MAAM,GAAG,CAAC,EACd,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,EACP,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,MAAM,EACN,GAAG,MAAM,EACG,EAAe,EAAE;IAC7B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAClC,GAAG,EAAE,CACH,SAAS,CACP,MAAM,EACN,IAAI,CAAC,QAAQ,EAAE,QAAQ,IAAI,iBAAiB,EAAE,QAAQ,IAAI,UAAU,EAAE,MAAM,IAAI,eAAe,EAAE,SAAS,CAAC,CAC5G,EACH,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC,CACxC,CAAA;IAED,IAAI,MAAM,EAAE;QACV,OAAO,CACL,oBAAC,YAAY,IACX,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,KACd,MAAM,IAET,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YACtC,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;gBAC/B,OAAO,oBAAC,kBAAkB,OAAK,KAAK,CAAC,KAAK,GAAI,CAAA;aAC/C;YACD,OAAO,IAAI,CAAA;QACb,CAAC,CAAC,CACW,CAChB,CAAA;KACF;IAED,OAAO,CACL,oBAAC,aAAa,IACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE,EACN,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,KACd,MAAM,IAET,QAAQ,CACK,CACjB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../components/select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAEnD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,MAAM,GAAG,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAe,EAAe,EAAE;IAChE,IAAI,MAAM;QAAE,OAAO,oBAAC,YAAY,OAAK,KAAK,GAAI,CAAA;IAC9C,OAAO,oBAAC,aAAa,OAAK,KAAK,GAAI,CAAA;AACrC,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}

package/lib/components/select/Select.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
+import { ComponentName } from '../../components/enumsComponentsName';
 import { SelectProps } from './SelectProps';
-import { ComponentName } from '../enumsComponentsName';
 /**
  * Select Component
  * @param id {string} Select id
@@ -12,7 +12,7 @@ import { ComponentName } from '../enumsComponentsName';
  * @param placeholder {string} Select Placeholder
  */
 declare const Select: {
-    ({ children, name, id, selected, label, iconName, onChange, placeholder, disabled, ...others }: SelectProps): JSX.Element;
+    ({ children, name, id, selected, label, iconName, onChange, placeholder, disabled, multiple, nullable, ...others }: SelectProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Select;