oddsgate-ds 1.0.158 → 1.0.159
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.
- package/package.json +1 -1
- package/dist/cjs/types/components/atoms/SpacerOld/Spacer.component.d.ts +0 -4
- package/dist/cjs/types/components/atoms/SpacerOld/Spacer.interface.d.ts +0 -10
- package/dist/cjs/types/components/atoms/SpacerOld/Spacer.theme.d.ts +0 -3
- package/dist/cjs/types/components/atoms/SpacerOld/index.d.ts +0 -1
- package/dist/esm/types/components/atoms/SpacerOld/Spacer.component.d.ts +0 -4
- package/dist/esm/types/components/atoms/SpacerOld/Spacer.interface.d.ts +0 -10
- package/dist/esm/types/components/atoms/SpacerOld/Spacer.theme.d.ts +0 -3
- package/dist/esm/types/components/atoms/SpacerOld/index.d.ts +0 -1
- package/src/components/atoms/SpacerOld/Spacer.component.tsx +0 -27
- package/src/components/atoms/SpacerOld/Spacer.interface.ts +0 -11
- package/src/components/atoms/SpacerOld/Spacer.stories.tsx +0 -28
- package/src/components/atoms/SpacerOld/Spacer.theme.ts +0 -7
- package/src/components/atoms/SpacerOld/index.ts +0 -1
package/package.json
CHANGED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { CSSProperties } from 'react';
|
|
2
|
-
import { spaces } from '@/styles/variables';
|
|
3
|
-
export type ISpacer = {
|
|
4
|
-
id?: string;
|
|
5
|
-
color?: string;
|
|
6
|
-
height?: keyof typeof spaces | string | number;
|
|
7
|
-
customHeight?: string;
|
|
8
|
-
className?: string;
|
|
9
|
-
style?: CSSProperties;
|
|
10
|
-
};
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { ISpacer } from './Spacer.interface';
|
|
3
|
-
export declare const StyledSpacer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ISpacer>> & string;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default } from "./Spacer.component";
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { CSSProperties } from 'react';
|
|
2
|
-
import { spaces } from '@/styles/variables';
|
|
3
|
-
export type ISpacer = {
|
|
4
|
-
id?: string;
|
|
5
|
-
color?: string;
|
|
6
|
-
height?: keyof typeof spaces | string | number;
|
|
7
|
-
customHeight?: string;
|
|
8
|
-
className?: string;
|
|
9
|
-
style?: CSSProperties;
|
|
10
|
-
};
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { ISpacer } from './Spacer.interface';
|
|
3
|
-
export declare const StyledSpacer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ISpacer>> & string;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default } from "./Spacer.component";
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { ISpacer } from './Spacer.interface'
|
|
2
|
-
import React from 'react'
|
|
3
|
-
import { StyledSpacer } from './Spacer.theme'
|
|
4
|
-
|
|
5
|
-
const Spacer = ({
|
|
6
|
-
id,
|
|
7
|
-
color,
|
|
8
|
-
customHeight,
|
|
9
|
-
height,
|
|
10
|
-
className,
|
|
11
|
-
...props
|
|
12
|
-
}: ISpacer) => {
|
|
13
|
-
return (
|
|
14
|
-
<StyledSpacer
|
|
15
|
-
id={id}
|
|
16
|
-
className={className}
|
|
17
|
-
style={{
|
|
18
|
-
backgroundColor: color ? color : ``,
|
|
19
|
-
height: customHeight ? customHeight : `var(--space-${String(height)})`
|
|
20
|
-
}}
|
|
21
|
-
aria-hidden="true"
|
|
22
|
-
{...props}
|
|
23
|
-
/>
|
|
24
|
-
)
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
export default Spacer
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { CSSProperties } from 'react';
|
|
2
|
-
import { spaces } from '@/styles/variables';
|
|
3
|
-
|
|
4
|
-
export type ISpacer = {
|
|
5
|
-
id?: string
|
|
6
|
-
color?: string
|
|
7
|
-
height?: keyof typeof spaces | string | number
|
|
8
|
-
customHeight?: string
|
|
9
|
-
className?: string;
|
|
10
|
-
style?: CSSProperties
|
|
11
|
-
}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react'
|
|
2
|
-
|
|
3
|
-
import { ISpacer } from '../Spacer/Spacer.interface'
|
|
4
|
-
import React from 'react'
|
|
5
|
-
import Spacer from '../Spacer/Spacer.component'
|
|
6
|
-
|
|
7
|
-
// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
|
|
8
|
-
export default {
|
|
9
|
-
title: 'Components/Spacer',
|
|
10
|
-
component: Spacer,
|
|
11
|
-
tags: ['autodocs'],
|
|
12
|
-
argTypes: {
|
|
13
|
-
height: {
|
|
14
|
-
control: 'text'
|
|
15
|
-
},
|
|
16
|
-
color: {
|
|
17
|
-
control: 'color'
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
} as Meta
|
|
21
|
-
|
|
22
|
-
export const Simple: StoryObj<ISpacer> = {
|
|
23
|
-
render: args => <Spacer {...args} />,
|
|
24
|
-
args: {
|
|
25
|
-
customHeight: '50px',
|
|
26
|
-
color: '#000'
|
|
27
|
-
}
|
|
28
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default } from "./Spacer.component";
|