oddsgate-ds 1.0.95 → 1.0.97

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.
@@ -4,6 +4,7 @@ export interface ITabs {
4
4
  title?: string;
5
5
  menu?: ITabsItem[];
6
6
  vertical?: boolean;
7
+ $vertical?: boolean;
7
8
  className?: string;
8
9
  style?: CSSProperties;
9
10
  }
package/dist/types.d.ts CHANGED
@@ -603,6 +603,7 @@ interface ITabs {
603
603
  title?: string;
604
604
  menu?: ITabsItem[];
605
605
  vertical?: boolean;
606
+ $vertical?: boolean;
606
607
  className?: string;
607
608
  style?: CSSProperties;
608
609
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oddsgate-ds",
3
- "version": "1.0.95",
3
+ "version": "1.0.97",
4
4
  "description": "Miew theme component library",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -103,4 +103,13 @@ export const StyledFieldContainer = styled.div<IFormField>`
103
103
  gap: 1rem;
104
104
  }
105
105
  `}
106
+
107
+
108
+ ::placeholder {
109
+ color: rbga(${colors.third10}, 0.2);
110
+ }
111
+
112
+ ::-ms-input-placeholder { /* Edge 12 -18 */
113
+ color: rbga(${colors.third10}, 0.2);
114
+ }
106
115
  `
@@ -44,7 +44,7 @@ const ProductCard = ({
44
44
  &nbsp;{secondRowTitle}&nbsp;
45
45
  </Heading>
46
46
  </StyledProductCardWrapper>
47
- {description && <RichText tag='p' className='color-secondary50 mt-4'>{description}</RichText>}
47
+ {description && <RichText tag='p' className='color-secondary50 mt-6'>{description}</RichText>}
48
48
  </StyledProductCard>
49
49
  )
50
50
  }
@@ -29,7 +29,6 @@ const Tabs = ({ id, title, menu, vertical, className, style }: ITabs) => {
29
29
  heights.push(child?.offsetHeight as number)
30
30
  })
31
31
  tabsContent.current.style.height = `${Math.max(...heights)}px`;
32
- window.dispatchEvent(new Event('resize'));
33
32
  }, 250)
34
33
 
35
34
  useEffect(()=>{
@@ -43,7 +42,7 @@ const Tabs = ({ id, title, menu, vertical, className, style }: ITabs) => {
43
42
 
44
43
 
45
44
  return (
46
- <StyledTabs id={id} vertical={vertical} className={className} style={style}>
45
+ <StyledTabs id={id} $vertical={vertical} className={className} style={style}>
47
46
  <div>
48
47
  {title && <Heading tag="h3" size="h1" className='text-uppercase mb-4'>{title}</Heading>}
49
48
  <StyledTabsMenu align='left'>
@@ -5,6 +5,7 @@ export interface ITabs {
5
5
  title?: string
6
6
  menu?: ITabsItem[]
7
7
  vertical?: boolean
8
+ $vertical?: boolean
8
9
  className?: string
9
10
  style?: CSSProperties
10
11
  }
@@ -86,7 +86,7 @@ export const StyledTabs = styled.div<ITabs>`
86
86
  width: 100%;
87
87
  }
88
88
 
89
- ${({ vertical }) => vertical && `
89
+ ${({ $vertical }) => $vertical && `
90
90
  @media only screen and (min-width: ${responsiveMedia}) {
91
91
  flex-flow: row;
92
92