oddsgate-ds 1.0.114 → 1.0.115

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 (35) hide show
  1. package/dist/cjs/index.js +5 -5
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/types/components/organisms/ProductsSlider/ProductsSlider.component.d.ts +4 -0
  4. package/dist/cjs/types/components/organisms/ProductsSlider/ProductsSlider.interface.d.ts +11 -0
  5. package/dist/cjs/types/components/organisms/ProductsSlider/ProductsSlider.theme.d.ts +7 -0
  6. package/dist/cjs/types/components/organisms/ProductsSlider/index.d.ts +1 -0
  7. package/dist/cjs/types/index.d.ts +1 -0
  8. package/dist/esm/index.js +5 -5
  9. package/dist/esm/index.js.map +1 -1
  10. package/dist/esm/types/components/organisms/ProductsSlider/ProductsSlider.component.d.ts +4 -0
  11. package/dist/esm/types/components/organisms/ProductsSlider/ProductsSlider.interface.d.ts +11 -0
  12. package/dist/esm/types/components/organisms/ProductsSlider/ProductsSlider.theme.d.ts +7 -0
  13. package/dist/esm/types/components/organisms/ProductsSlider/index.d.ts +1 -0
  14. package/dist/esm/types/index.d.ts +1 -0
  15. package/dist/types.d.ts +14 -1
  16. package/package.json +1 -1
  17. package/src/components/organisms/CircularSlider/CircularSlider.theme.ts +1 -7
  18. package/src/components/organisms/{CircularSliderTeste/CircularSliderTeste.component.tsx → ProductsSlider/ProductsSlider.component.tsx} +74 -55
  19. package/src/components/organisms/ProductsSlider/ProductsSlider.interface.ts +12 -0
  20. package/src/components/organisms/ProductsSlider/ProductsSlider.stories.tsx +133 -0
  21. package/src/components/organisms/ProductsSlider/ProductsSlider.theme.ts +66 -0
  22. package/src/components/organisms/ProductsSlider/index.ts +1 -0
  23. package/src/index.ts +1 -0
  24. package/dist/cjs/types/components/organisms/CircularSliderTeste/CircularSliderTeste.component.d.ts +0 -4
  25. package/dist/cjs/types/components/organisms/CircularSliderTeste/CircularSliderTeste.interface.d.ts +0 -12
  26. package/dist/cjs/types/components/organisms/CircularSliderTeste/CircularSliderTeste.theme.d.ts +0 -7
  27. package/dist/cjs/types/components/organisms/CircularSliderTeste/index.d.ts +0 -1
  28. package/dist/esm/types/components/organisms/CircularSliderTeste/CircularSliderTeste.component.d.ts +0 -4
  29. package/dist/esm/types/components/organisms/CircularSliderTeste/CircularSliderTeste.interface.d.ts +0 -12
  30. package/dist/esm/types/components/organisms/CircularSliderTeste/CircularSliderTeste.theme.d.ts +0 -7
  31. package/dist/esm/types/components/organisms/CircularSliderTeste/index.d.ts +0 -1
  32. package/src/components/organisms/CircularSliderTeste/CircularSliderTeste.interface.ts +0 -13
  33. package/src/components/organisms/CircularSliderTeste/CircularSliderTeste.stories.tsx +0 -134
  34. package/src/components/organisms/CircularSliderTeste/CircularSliderTeste.theme.ts +0 -65
  35. package/src/components/organisms/CircularSliderTeste/index.ts +0 -1
@@ -1,134 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react'
2
-
3
- import Button from '@/components/atoms/Button/Button.component'
4
- import CircularSliderTeste from './CircularSliderTeste.component'
5
- import { ICircularSliderTeste } from './CircularSliderTeste.interface'
6
- import React from 'react'
7
-
8
- // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
9
- export default {
10
- title: 'Components/CircularSliderTeste',
11
- component: CircularSliderTeste,
12
- tags: ['autodocs']
13
- } as Meta
14
-
15
- const image = (
16
- <img
17
- width="100%"
18
- height="100%"
19
- sizes="100vw"
20
- decoding="async"
21
- src="/assets/placeholder.png"
22
- alt="Empty state"
23
- />
24
- )
25
-
26
- export const Simple: StoryObj<ICircularSliderTeste> = {
27
- render: args => <div style={{ width: "100%", height: "200dvh" }}><CircularSliderTeste {...args}></CircularSliderTeste></div>,
28
- args: {
29
- cta: <Button variant={'secondary'}>Join the Team</Button>,
30
- content: [
31
- {
32
- name: 'My name 1',
33
- role: 'My role',
34
- img: image
35
- },
36
- {
37
- name: 'My name 2',
38
- role: 'My role',
39
- img: image
40
- },
41
- {
42
- name: 'My name 3',
43
- role: 'My role',
44
- img: image
45
- },
46
- {
47
- name: 'My name 4',
48
- role: 'My role',
49
- img: image
50
- },
51
- {
52
- name: 'My name 5',
53
- role: 'My role',
54
- img: image
55
- },
56
- {
57
- name: 'My name 6',
58
- role: 'My role',
59
- img: image
60
- },
61
- {
62
- name: 'My name 7',
63
- role: 'My role',
64
- img: image
65
- },
66
- {
67
- name: 'My name 9',
68
- role: 'My role',
69
- img: image
70
- },
71
- {
72
- name: 'My name 9',
73
- role: 'My role',
74
- img: image
75
- },
76
- {
77
- name: 'My name 10',
78
- role: 'My role',
79
- img: image
80
- },
81
- {
82
- name: 'My name 11',
83
- role: 'My role',
84
- img: image
85
- },
86
- {
87
- name: 'My name 1§2',
88
- role: 'My role',
89
- img: image
90
- },
91
- {
92
- name: 'My name 13',
93
- role: 'My role',
94
- img: image
95
- },
96
- {
97
- name: 'My name 14',
98
- role: 'My role',
99
- img: image
100
- },
101
- {
102
- name: 'My name 15',
103
- role: 'My role',
104
- img: image
105
- },
106
- {
107
- name: 'My name 16',
108
- role: 'My role',
109
- img: image
110
- },
111
- {
112
- name: 'My name 17',
113
- role: 'My role',
114
- img: image
115
- },
116
- {
117
- name: 'My name 19',
118
- role: 'My role',
119
- img: image
120
- },
121
- {
122
- name: 'My name 19',
123
- role: 'My role',
124
- img: image
125
- },
126
- {
127
- name: 'My name 20',
128
- role: 'My role',
129
- img: image
130
- }
131
- ],
132
- className: "h-100",
133
- }
134
- }
@@ -1,65 +0,0 @@
1
- import { ICircularSliderTeste } from './CircularSliderTeste.interface';
2
- import { responsiveMedia } from '@/styles/variables';
3
- import styled from 'styled-components';
4
-
5
- export const StyledCircularSliderTeste = styled.div<ICircularSliderTeste>`
6
- position: relative;
7
- width: 100%;
8
- overflow: hidden;
9
- `;
10
-
11
- export const StyledCircularSliderTesteWrapper = styled.div<ICircularSliderTeste>`
12
- position: relative;
13
- display: flex;
14
- justify-content: center;
15
- margin: 0 auto;
16
- margin-right: 0;
17
- `;
18
-
19
- export const StyledCircularSliderTesteSlides = styled.div<ICircularSliderTeste>`
20
- transform-origin: center;
21
- display: flex;
22
- justify-content: center;
23
- align-items: center;
24
- position: relative;
25
- z-index: 100;
26
- transform: rotate(-180deg);
27
- `;
28
- export const StyledCircularSliderTesteSlide = styled.div<ICircularSliderTeste>`
29
- position: absolute;
30
- transform-origin: center;
31
- transition: .3s linear all;
32
- filter: brightness(70%);
33
- cursor: pointer;
34
-
35
- & img{
36
- height: 100%;
37
- object-fit: cover;
38
- pointer-events:none;
39
- filter: grayscale(100%);
40
- transform: rotate(90deg);
41
- }
42
-
43
- &.active{
44
- filter: brightness(100%);
45
- }
46
- `;
47
-
48
- export const StyledCircularSliderTesteContent = styled.div<ICircularSliderTeste>`
49
- width: 50%;
50
- text-align: center;
51
- margin: auto;
52
-
53
- &>div{
54
- opacity: 0;
55
- transform: translate(0%, 5%);
56
- transition: all 0.3s ease;
57
- }
58
- &.active{
59
- &>div{
60
- opacity: 1;
61
- transform: translate(0%, 0%);
62
- }
63
- }
64
- `;
65
-
@@ -1 +0,0 @@
1
- export { default } from './CircularSliderTeste.component'