4.1.2-beta-1 • Published 6 months ago

@trilogy-ds/react v4.1.2-beta-1

Weekly downloads
-
License
UNLICENSED
Repository
-
Last release
6 months ago

Trilogy DS

šŸš€ Quick Start

Trilogy DS, developed by Bouygues Telecom, is a multiplatform design system ( Web / React / React Native ) with reusable components with same codebase.

SASS React

React Native

Structure

.
ā”œā”€ā”€ react             
   ā”œā”€ā”€ components      # ā—€ React functional components
   ā”œā”€ā”€ context         # Providers (Themes , styles / hashed styles)
   ā”œā”€ā”€ events          # Event type definitions
   ā”œā”€ā”€ helpers         # Utility functions
   ā”œā”€ā”€ objects         # Atoms & facets definition & implementation
   ā”œā”€ā”€ services        # Hooks
   └── types           # Typescript types

Usage

npm i @trilogy-ds/react
import { Button, Text } from '@trilogy-ds/react';

<Button variant='PRIMARY'>My Button</Button>
<Text level='1'>My Text</Text>

Trilogy Provider - Import directly css styles

The TrilogyProvider simplifies integrating Trilogy style into your app by wrapping your entry point with a provider. It offers two props for customization:

  • mangled optional: Apply compressed styling for performance.
  • injectTrilogyAssets: Inject Trilogy assets directly into the DOM.

Web Usage

  1. Import the TrilogyProvider component:

    import { TrilogyProvider } from "@trilogy-ds/react/lib/context/provider"
  2. Wrap your app's root component with it:

      <TrilogyProvider mangled injectTrilogyAssets>
        <App />
      </TrilogyProvider>

Native Usage

  1. Import the TrilogyThemeProvider along with SVGicons & colors from @trilogy-ds/assets library:

    import { TrilogyThemeProvider, defaultTheme } from '@trilogy-ds/react/lib/context/providerTheme'
    import { SVGicons } from '@trilogy-ds/assets/lib/iconsPath'
  2. Wrap your app's root component with it:

      const theme = {
        ...defaultTheme,
        icons: SVGicons,
        // here: override theme colors
      }
    
      <TrilogyThemeProvider theme={theme}>
        <AppNative />
      </TrilogyThemeProvider>

Environment

Web

Mobile (Android / IOS)

See how to setup your environment for Android and IOS

Example

Check out our example project using Trilogy for consumption.

Contributing

Read the contributing guide to become familiar with our development process, suggest fixes for bugs and improvements, and understand how to construct and assess your modifications

Changelog

The changelog is consistently refreshed to show the modifications made in each new version.

4.1.2-beta-1

6 months ago

4.1.1-beta-6

6 months ago

4.1.1-beta-5

6 months ago

4.0.7-SC-beta-3

6 months ago

4.1.1

6 months ago

4.1.1-beta-1

7 months ago

4.1.1-beta-3

7 months ago

4.1.1-beta-2

7 months ago

4.1.1-beta-4

7 months ago

4.0.7-SC-beta-2

7 months ago

4.1.0

7 months ago

4.0.7-beta-1

7 months ago

4.0.6

7 months ago

4.0.7-SC-beta-1

7 months ago

4.0.7-test-svg

7 months ago

4.0.5

7 months ago

4.0.5-beta-7

8 months ago

4.0.5-beta-8

8 months ago

4.0.5-beta-5

8 months ago

4.0.5-beta-6

8 months ago

4.0.6-SC-beta-2

7 months ago

4.0.6-SC-beta-1

7 months ago

4.0.6-SC-beta-4

7 months ago

4.0.6-SC-beta-3

7 months ago

4.0.6-beta-1

7 months ago

4.0.6-beta-2

7 months ago

4.0.5-beta-3

8 months ago

4.0.5-beta-4

8 months ago

4.0.5-beta-2

8 months ago

4.0.3-beta-1

8 months ago

4.0.4

8 months ago

4.0.5-beta-1

8 months ago

4.0.2

8 months ago

4.0.1-ref-7

8 months ago

4.0.1-ref-6

8 months ago

4.0.1-ref-3

8 months ago

4.0.1-ref-2

8 months ago

4.0.1-ref-5

8 months ago

4.0.1-ref-4

8 months ago

4.0.1-ref-1

8 months ago

4.0.1

9 months ago

4.0.1-beta-1

9 months ago

4.0.0-radio-native

9 months ago

4.0.0

9 months ago

0.0.9-beta-v4

9 months ago

0.0.4-beta-v4

9 months ago

0.0.1-beta-152

9 months ago

0.0.5-beta-v4

9 months ago

0.0.3-beta-v4

9 months ago

0.0.7-beta-v4

9 months ago

0.0.1-beta-151

10 months ago

0.0.1-beta-148

10 months ago

0.0.1-beta-149

10 months ago

0.0.1-beta-146

10 months ago

0.0.1-beta-147

10 months ago

0.0.1-beta-v4

10 months ago

0.0.1-beta-145

10 months ago

0.0.1-beta-sc-2

10 months ago

0.0.1-beta-143

10 months ago

0.0.1-beta-144

10 months ago

0.0.1-beta-sc-1

10 months ago

0.0.1-beta-142

10 months ago

0.0.1-beta-141

10 months ago

0.0.1-beta-139

10 months ago

0.0.1-beta-137

10 months ago

0.0.1-beta-138

10 months ago

0.0.1-beta-135

10 months ago

0.0.1-beta-136

10 months ago

0.0.1-beta-133

10 months ago

0.0.1-beta-134

10 months ago

0.0.1-beta-126

10 months ago

0.0.1-beta-125

10 months ago

0.0.1-beta-131

10 months ago

0.0.1-beta-130

10 months ago

0.0.1-beta-121

11 months ago

0.0.1-beta-122

11 months ago

0.0.1-beta-123

11 months ago

0.0.1-beta-117

11 months ago

0.0.1-beta-115

11 months ago

0.0.1-beta-119

11 months ago

0.0.1-beta-112

11 months ago

0.0.1-beta-110

11 months ago

0.0.1-beta-107

11 months ago

0.0.1-beta-108

11 months ago

0.0.1-beta-104

11 months ago

0.0.1-beta-105

11 months ago

0.0.1-beta-103

11 months ago

0.0.1-beta-99

11 months ago

0.0.1-beta-98

11 months ago

0.0.1-beta-95

11 months ago

0.0.1-beta-94

11 months ago

0.0.1-beta-91

11 months ago

0.0.1-beta-90

11 months ago

0.0.1-beta-93

11 months ago

0.0.1-beta-92

11 months ago

0.0.1-beta-88

11 months ago

0.0.1-beta-87

11 months ago

0.0.1-beta-89

11 months ago

0.0.1-beta-83

12 months ago

0.0.1-beta-86

11 months ago

0.0.1-beta-101

11 months ago

0.0.1-beta-85

11 months ago

0.0.1-beta-80

12 months ago

0.0.1-beta-82

12 months ago

0.0.1-beta-78

12 months ago

0.0.1-beta-71

1 year ago

0.0.1-beta-77

12 months ago

0.0.1-beta-76

12 months ago

0.0.1-beta-73

1 year ago

0.0.1-beta-75

1 year ago

0.0.1-beta-74

1 year ago

0.0.1-beta-70

1 year ago

0.0.1-beta-68

1 year ago

0.0.1-beta-69

1 year ago

0.0.1-beta-65

1 year ago

0.0.1-beta.45

1 year ago

0.0.1-beta-61

1 year ago

0.0.1-beta-64

1 year ago

0.0.1-beta.41

1 year ago

0.0.1-beta-63

1 year ago

0.0.1-beta.47

1 year ago

0.0.1-beta.46

1 year ago

0.0.1-beta.49

1 year ago

0.0.1-beta.48

1 year ago

0.0.1-beta-55

1 year ago

0.0.1-beta.32

1 year ago

0.0.1-beta-54

1 year ago

0.0.1-beta.31

1 year ago

0.0.1-beta-57

1 year ago

0.0.1-beta.34

1 year ago

0.0.1-beta-56

1 year ago

0.0.1-beta.33

1 year ago

0.0.1-beta.30

1 year ago

0.0.1-beta-52

1 year ago

0.0.1-beta-59

1 year ago

0.0.1-beta-58

1 year ago

0.0.1-beta.35

1 year ago

0.0.1-beta.29

1 year ago

0.0.1-beta.28

1 year ago

0.0.1-beta.27

1 year ago

0.0.1-beta.50

1 year ago

0.0.1-beta.26

1 year ago

0.0.1-beta.23

1 year ago

0.0.1-beta.21

1 year ago

0.0.1-beta.20

1 year ago

0.0.1-beta.18

1 year ago

0.0.1-beta.17

1 year ago

0.0.1-beta.16

1 year ago

0.0.1-beta.15

1 year ago

0.0.1-beta.14

1 year ago

0.0.1-beta.13

1 year ago

0.0.1-beta.12

1 year ago

0.0.1-beta.11

1 year ago

0.0.1-beta.10

1 year ago

0.0.1-beta.9

1 year ago

0.0.1-beta.7

1 year ago

0.0.1-beta.8

1 year ago

0.0.1-beta.6

1 year ago

0.0.1-beta.5

1 year ago

0.0.1-beta-4

1 year ago

0.0.1-beta-3

1 year ago

0.0.1-beta-2

1 year ago

0.0.1-beta-1

1 year ago