@itcase/ui 1.4.2 → 1.4.6
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/dist/{Badge-CGHosmYx.js → Badge-C68XnlcL.js} +3 -4
- package/dist/{Badge-BX4N91_C.js → Badge-C6SNRExV.js} +3 -4
- package/dist/{Button-BtAUGGPc.js → Button-Bsrw4D7p.js} +3 -3
- package/dist/{Button-HKkjJ38v.js → Button-WZZpsxTk.js} +3 -3
- package/dist/{Group-Chtnas-J.js → Group-Cq4AQPqb.js} +2 -4
- package/dist/{Group-DiMnEfge.js → Group-Dz8xytje.js} +2 -4
- package/dist/{Label-XTFwl1aq.js → Label-DF2a2Mlx.js} +2 -2
- package/dist/{Label-Dpeq55TV.js → Label-I9WNpCXa.js} +2 -2
- package/dist/{Loader-CsPvc-9g.js → Loader-D4_r7LML.js} +6 -6
- package/dist/{Loader-CBEbIRnd.js → Loader-DpYaDhe9.js} +6 -6
- package/dist/cjs/components/Badge.js +1 -1
- package/dist/cjs/components/Button.js +2 -2
- package/dist/cjs/components/Cell.js +1 -1
- package/dist/cjs/components/Checkbox.js +12 -10
- package/dist/cjs/components/Checkmark.js +36 -9
- package/dist/cjs/components/Chips.js +3 -3
- package/dist/cjs/components/Choice.js +19 -11
- package/dist/cjs/components/CookiesWarning.js +3 -3
- package/dist/cjs/components/DatePicker.js +3 -3
- package/dist/cjs/components/Group.js +1 -1
- package/dist/cjs/components/Label.js +1 -1
- package/dist/cjs/components/Loader.js +1 -1
- package/dist/cjs/components/MenuItem.js +39 -11
- package/dist/cjs/components/Modal.js +21 -13
- package/dist/cjs/components/Panel.js +1 -1
- package/dist/cjs/components/Response.js +90 -105
- package/dist/cjs/components/Select.js +2 -2
- package/dist/cjs/components/Tab.js +1 -1
- package/dist/cjs/components/Tile.js +1 -1
- package/dist/components/Badge.js +1 -1
- package/dist/components/Button.js +2 -2
- package/dist/components/Cell.js +1 -1
- package/dist/components/Checkbox.js +12 -10
- package/dist/components/Checkmark.js +36 -9
- package/dist/components/Chips.js +3 -3
- package/dist/components/Choice.js +19 -11
- package/dist/components/CookiesWarning.js +3 -3
- package/dist/components/DatePicker.js +3 -3
- package/dist/components/Group.js +1 -1
- package/dist/components/Label.js +1 -1
- package/dist/components/Loader.js +1 -1
- package/dist/components/MenuItem.js +40 -8
- package/dist/components/Modal.js +21 -13
- package/dist/components/Panel.js +1 -1
- package/dist/components/Response.js +90 -105
- package/dist/components/Select.js +2 -2
- package/dist/components/Tab.js +1 -1
- package/dist/components/Tile.js +1 -1
- package/dist/css/components/Badge/Badge.css +50 -0
- package/dist/css/components/Button/Button.css +24 -0
- package/dist/css/components/Checkbox/Checkbox.css +25 -2
- package/dist/css/components/Checkmark/Checkmark.css +6 -8
- package/dist/css/components/Label/Label.css +11 -13
- package/dist/css/components/Loader/Loader.css +40 -3
- package/dist/css/components/Response/Response.css +5 -12
- package/dist/css/components/Video/Video.css +0 -14
- package/dist/css/styles/svg-color/svg_path_fill.css +1 -2
- package/dist/stories/Cell.mdx +1 -17
- package/dist/types/components/Checkmark/appearance/checkmarkAccent.d.ts +9 -0
- package/dist/types/components/Checkmark/appearance/checkmarkDisabled.d.ts +9 -0
- package/dist/types/components/Checkmark/appearance/checkmarkStyle.d.ts +16 -0
- package/dist/types/components/Checkmark/appearance/checkmarkSurface.d.ts +11 -0
- package/dist/types/components/Flex/stories/args.d.ts +8 -8
- package/dist/types/components/Grid/stories/args.d.ts +5 -5
- package/dist/types/components/Group/stories/args.d.ts +5 -5
- package/dist/types/components/Loader/appearance/loaderAccent.d.ts +1 -1
- package/dist/types/components/Loader/appearance/loaderPrimary.d.ts +1 -1
- package/dist/types/components/Loader/appearance/loaderSecondary.d.ts +1 -1
- package/dist/types/components/Modal/Modal.appearance.d.ts +2 -2
- package/dist/types/components/Modal/Modal.interface.d.ts +3 -3
- package/dist/types/components/Modal/appearance/modalSurface.d.ts +7 -0
- package/dist/types/components/Response/Response.interface.d.ts +12 -10
- package/dist/types/components/Tab/stories/args.d.ts +13 -13
- package/dist/types/types/componentProps/align.d.ts +1 -1
- package/dist/types/types/componentProps/alignDirection.d.ts +1 -1
- package/dist/types/types/componentProps/alignment.d.ts +1 -1
- package/dist/types/types/componentProps/appearanceKeys.d.ts +1 -1
- package/dist/types/types/componentProps/borderColor.d.ts +1 -1
- package/dist/types/types/componentProps/borderColorHover.d.ts +1 -1
- package/dist/types/types/componentProps/borderType.d.ts +1 -1
- package/dist/types/types/componentProps/borderWidth.d.ts +1 -1
- package/dist/types/types/componentProps/elevation.d.ts +1 -1
- package/dist/types/types/componentProps/fill.d.ts +1 -1
- package/dist/types/types/componentProps/fillGradient.d.ts +1 -1
- package/dist/types/types/componentProps/fillHover.d.ts +1 -1
- package/dist/types/types/componentProps/fillType.d.ts +1 -1
- package/dist/types/types/componentProps/flexAlign.d.ts +1 -1
- package/dist/types/types/componentProps/flexGrow.d.ts +1 -1
- package/dist/types/types/componentProps/flexJustifyContent.d.ts +1 -1
- package/dist/types/types/componentProps/flexWrap.d.ts +1 -1
- package/dist/types/types/componentProps/gridAlign.d.ts +1 -1
- package/dist/types/types/componentProps/gridAlignSelf.d.ts +1 -1
- package/dist/types/types/componentProps/gridJustifyItems.d.ts +1 -1
- package/dist/types/types/componentProps/gridJustifySelf.d.ts +1 -1
- package/dist/types/types/componentProps/height.d.ts +1 -1
- package/dist/types/types/componentProps/horizontalContentAlign.d.ts +1 -1
- package/dist/types/types/componentProps/horizontalResizeMode.d.ts +1 -1
- package/dist/types/types/componentProps/iconFillSize.d.ts +1 -1
- package/dist/types/types/componentProps/iconSize.d.ts +1 -1
- package/dist/types/types/componentProps/itemColor.d.ts +1 -1
- package/dist/types/types/componentProps/justifyContent.d.ts +1 -1
- package/dist/types/types/componentProps/overflow.d.ts +1 -1
- package/dist/types/types/componentProps/position.d.ts +1 -1
- package/dist/types/types/componentProps/resizeMode.d.ts +1 -1
- package/dist/types/types/componentProps/shape.d.ts +1 -1
- package/dist/types/types/componentProps/size.d.ts +1 -1
- package/dist/types/types/componentProps/sizeOption.d.ts +1 -1
- package/dist/types/types/componentProps/sizePX.d.ts +1 -1
- package/dist/types/types/componentProps/stacking.d.ts +1 -1
- package/dist/types/types/componentProps/state.d.ts +1 -1
- package/dist/types/types/componentProps/svgFill.d.ts +1 -1
- package/dist/types/types/componentProps/textAlign.d.ts +1 -1
- package/dist/types/types/componentProps/textGradient.d.ts +1 -1
- package/dist/types/types/componentProps/textSize.d.ts +1 -1
- package/dist/types/types/componentProps/textStyle.d.ts +1 -1
- package/dist/types/types/componentProps/textTag.d.ts +1 -1
- package/dist/types/types/componentProps/textWeight.d.ts +1 -1
- package/dist/types/types/componentProps/textWrap.d.ts +1 -1
- package/dist/types/types/componentProps/titleSize.d.ts +4 -2
- package/dist/types/types/componentProps/type.d.ts +1 -1
- package/dist/types/types/componentProps/underline.d.ts +1 -1
- package/dist/types/types/componentProps/verticalContentAlign.d.ts +1 -1
- package/dist/types/types/componentProps/verticalResizeMode.d.ts +1 -1
- package/dist/types/types/componentProps/width.d.ts +1 -1
- package/dist/types/types/componentProps/wrap.d.ts +1 -1
- package/dist/types/types/index.d.ts +0 -2
- package/package.json +12 -12
- package/dist/MenuItem-Cjlnmfwh.js +0 -40
- package/dist/MenuItem-PJkuGghn.js +0 -44
- package/dist/cjs/components/Menu.js +0 -45
- package/dist/components/Menu.js +0 -41
- package/dist/css/components/Menu/Menu.css +0 -65
- package/dist/stories/Checkbox.mdx +0 -23
- package/dist/stories/Checkmark.mdx +0 -15
- package/dist/stories/Chips.mdx +0 -31
- package/dist/stories/DevMode.mdx +0 -9
- package/dist/stories/Label.mdx +0 -31
- package/dist/stories/Loader.mdx +0 -31
- package/dist/stories/Message.mdx +0 -15
- package/dist/stories/Response.mdx +0 -23
- package/dist/stories/Tile.mdx +0 -19
- package/dist/stories/WithTooltip.mdx +0 -9
- package/dist/types/components/Button/stories/args.d.ts +0 -200
- package/dist/types/components/Chips/stories/args.d.ts +0 -45
- package/dist/types/components/Menu/Menu.appearance.d.ts +0 -2
- package/dist/types/components/Menu/Menu.d.ts +0 -4
- package/dist/types/components/Menu/Menu.interface.d.ts +0 -35
- package/dist/types/components/Menu/index.d.ts +0 -2
- package/dist/types/components/Response/stories/args.d.ts +0 -174
- package/dist/types/types/componentProps/captionPosition.d.ts +0 -3
- package/dist/types/types/componentProps/emojiSize.d.ts +0 -3
- /package/dist/stories/{colors.mdx → Colors.mdx} +0 -0
- /package/dist/stories/{elevation.mdx → Elevation.mdx} +0 -0
- /package/dist/stories/{settings.mdx → Settings.mdx} +0 -0
- /package/dist/stories/{typography.mdx → Typography.mdx} +0 -0
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
.menu {
|
|
2
|
-
&__wrapper {
|
|
3
|
-
display: flex;
|
|
4
|
-
}
|
|
5
|
-
}
|
|
6
|
-
.menu {
|
|
7
|
-
&_columns {
|
|
8
|
-
@each $val in 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 {
|
|
9
|
-
&_$(val) {
|
|
10
|
-
& .menu {
|
|
11
|
-
display: block;
|
|
12
|
-
& ^^^&__wrapper {
|
|
13
|
-
display: grid;
|
|
14
|
-
box-decoration-break: clone;
|
|
15
|
-
grid-template-columns: repeat($(val), max-content);
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
.menu {
|
|
23
|
-
&_direction {
|
|
24
|
-
@each $val in row, row-reverse, column, column-reverse {
|
|
25
|
-
&_$(val) {
|
|
26
|
-
^^&__wrapper {
|
|
27
|
-
display: flex;
|
|
28
|
-
flex-direction: $(val);
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
&_horizontal {
|
|
33
|
-
^^&__wrapper {
|
|
34
|
-
flex-flow: row wrap;
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
&_vertical {
|
|
38
|
-
^^&__wrapper {
|
|
39
|
-
flex-flow: column wrap;
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
.menu {
|
|
45
|
-
&_type {
|
|
46
|
-
@each $type in accent, primary, secondary, tertiary, surface {
|
|
47
|
-
&_$(type) {
|
|
48
|
-
@each $color in primary, secondary, tertiary, quaternary, accent {
|
|
49
|
-
& .menu-item__label {
|
|
50
|
-
color: var(--color-$(type)-text-$(color));
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
.menu {
|
|
58
|
-
&_type {
|
|
59
|
-
&_border {
|
|
60
|
-
width: var(--menu-type-border-width, auto);
|
|
61
|
-
border: var(--menu-type-border-border, none);
|
|
62
|
-
border-radius: var(--menu-type-border-border-radius, 0);
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { Canvas, Meta, Story } from '@storybook/blocks'
|
|
2
|
-
|
|
3
|
-
import * as CheckboxStories from '../stories/Checkbox.stories.tsx'
|
|
4
|
-
|
|
5
|
-
<Meta of={CheckboxStories} />
|
|
6
|
-
|
|
7
|
-
# Checkbox
|
|
8
|
-
|
|
9
|
-
## CheckedActive
|
|
10
|
-
|
|
11
|
-
<Canvas sourceState="shown" of={CheckboxStories.CheckedActive} />
|
|
12
|
-
|
|
13
|
-
## CheckedDisabled
|
|
14
|
-
|
|
15
|
-
<Canvas sourceState="shown" of={CheckboxStories.CheckedDisabled} />
|
|
16
|
-
|
|
17
|
-
## NotCheckedActive
|
|
18
|
-
|
|
19
|
-
<Canvas sourceState="shown" of={CheckboxStories.NotCheckedActive} />
|
|
20
|
-
|
|
21
|
-
## NotCheckedDisabled
|
|
22
|
-
|
|
23
|
-
<Canvas sourceState="shown" of={CheckboxStories.NotCheckedDisabled} />
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { Canvas, Meta } from '@storybook/blocks'
|
|
2
|
-
|
|
3
|
-
import * as CheckmarkStories from '../stories/Checkmark.stories.tsx'
|
|
4
|
-
|
|
5
|
-
<Meta of={CheckmarkStories} />
|
|
6
|
-
|
|
7
|
-
# Checkmark
|
|
8
|
-
|
|
9
|
-
## AcceptedChecked
|
|
10
|
-
|
|
11
|
-
<Canvas sourceState="shown" of={CheckmarkStories.AcceptedChecked} />
|
|
12
|
-
|
|
13
|
-
## AcceptedUnchecked
|
|
14
|
-
|
|
15
|
-
<Canvas sourceState="shown" of={CheckmarkStories.AcceptedUnchecked} />
|
package/dist/stories/Chips.mdx
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { Canvas, Meta } from '@storybook/blocks'
|
|
2
|
-
|
|
3
|
-
import * as ChipsStories from '../stories/Chips.stories.tsx'
|
|
4
|
-
|
|
5
|
-
<Meta of={ChipsStories} />
|
|
6
|
-
|
|
7
|
-
# Chips
|
|
8
|
-
|
|
9
|
-
## Accent
|
|
10
|
-
|
|
11
|
-
<Canvas sourceState="shown" of={ChipsStories.Accent} />
|
|
12
|
-
|
|
13
|
-
## Primary
|
|
14
|
-
|
|
15
|
-
<Canvas sourceState="shown" of={ChipsStories.Primary} />
|
|
16
|
-
|
|
17
|
-
## Secondary
|
|
18
|
-
|
|
19
|
-
<Canvas sourceState="shown" of={ChipsStories.Secondary} />
|
|
20
|
-
|
|
21
|
-
## SurfacePrimary
|
|
22
|
-
|
|
23
|
-
<Canvas sourceState="shown" of={ChipsStories.SurfacePrimary} />
|
|
24
|
-
|
|
25
|
-
## SurfaceSecondary
|
|
26
|
-
|
|
27
|
-
<Canvas sourceState="shown" of={ChipsStories.SurfaceSecondary} />
|
|
28
|
-
|
|
29
|
-
## SurfaceTertiary
|
|
30
|
-
|
|
31
|
-
<Canvas sourceState="shown" of={ChipsStories.SurfaceTertiary} />
|
package/dist/stories/DevMode.mdx
DELETED
package/dist/stories/Label.mdx
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { Canvas, Meta } from '@storybook/blocks'
|
|
2
|
-
|
|
3
|
-
import * as LabelStories from '../stories/Label.stories.tsx'
|
|
4
|
-
|
|
5
|
-
<Meta of={LabelStories} />
|
|
6
|
-
|
|
7
|
-
# Label
|
|
8
|
-
|
|
9
|
-
## Accent
|
|
10
|
-
|
|
11
|
-
<Canvas sourceState="shown" of={LabelStories.Accent} />
|
|
12
|
-
|
|
13
|
-
## Primary
|
|
14
|
-
|
|
15
|
-
<Canvas sourceState="shown" of={LabelStories.Primary} />
|
|
16
|
-
|
|
17
|
-
## Secondary
|
|
18
|
-
|
|
19
|
-
<Canvas sourceState="shown" of={LabelStories.Secondary} />
|
|
20
|
-
|
|
21
|
-
## SurfacePrimary
|
|
22
|
-
|
|
23
|
-
<Canvas sourceState="shown" of={LabelStories.SurfacePrimary} />
|
|
24
|
-
|
|
25
|
-
## SurfaceSecondary
|
|
26
|
-
|
|
27
|
-
<Canvas sourceState="shown" of={LabelStories.SurfaceSecondary} />
|
|
28
|
-
|
|
29
|
-
## SurfaceTertiary
|
|
30
|
-
|
|
31
|
-
<Canvas sourceState="shown" of={LabelStories.SurfaceTertiary} />
|
package/dist/stories/Loader.mdx
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { Canvas, Meta } from '@storybook/blocks'
|
|
2
|
-
|
|
3
|
-
import * as LoaderStories from '../stories/Loader.stories.tsx'
|
|
4
|
-
|
|
5
|
-
<Meta of={LoaderStories} />
|
|
6
|
-
|
|
7
|
-
# Loader
|
|
8
|
-
|
|
9
|
-
## Accent
|
|
10
|
-
|
|
11
|
-
<Canvas sourceState="shown" of={LoaderStories.Accent} />
|
|
12
|
-
|
|
13
|
-
## Primary
|
|
14
|
-
|
|
15
|
-
<Canvas sourceState="shown" of={LoaderStories.Primary} />
|
|
16
|
-
|
|
17
|
-
## Secondary
|
|
18
|
-
|
|
19
|
-
<Canvas sourceState="shown" of={LoaderStories.Secondary} />
|
|
20
|
-
|
|
21
|
-
## SurfacePrimary
|
|
22
|
-
|
|
23
|
-
<Canvas sourceState="shown" of={LoaderStories.SurfacePrimary} />
|
|
24
|
-
|
|
25
|
-
## SurfaceSecondary
|
|
26
|
-
|
|
27
|
-
<Canvas sourceState="shown" of={LoaderStories.SurfaceSecondary} />
|
|
28
|
-
|
|
29
|
-
## SurfaceTertiary
|
|
30
|
-
|
|
31
|
-
<Canvas sourceState="shown" of={LoaderStories.SurfaceTertiary} />
|
package/dist/stories/Message.mdx
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { Canvas, Meta } from '@storybook/blocks'
|
|
2
|
-
|
|
3
|
-
import * as MessageStories from '../stories/Message.stories.tsx'
|
|
4
|
-
|
|
5
|
-
<Meta title="Molecules / Response / Message" />
|
|
6
|
-
|
|
7
|
-
# Response Set: Message
|
|
8
|
-
|
|
9
|
-
## Success
|
|
10
|
-
|
|
11
|
-
<Canvas sourceState="shown" of={MessageStories.Success} />
|
|
12
|
-
|
|
13
|
-
## Error
|
|
14
|
-
|
|
15
|
-
<Canvas sourceState="shown" of={MessageStories.Error} />
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { Canvas, Meta } from '@storybook/blocks'
|
|
2
|
-
|
|
3
|
-
import * as ResponseStories from '../stories/Response.stories.tsx'
|
|
4
|
-
|
|
5
|
-
<Meta of={ResponseStories} />
|
|
6
|
-
|
|
7
|
-
# Response Set: Default
|
|
8
|
-
|
|
9
|
-
## Success
|
|
10
|
-
|
|
11
|
-
<Canvas sourceState="shown" of={ResponseStories.Success} />
|
|
12
|
-
|
|
13
|
-
## Warning
|
|
14
|
-
|
|
15
|
-
<Canvas sourceState="shown" of={ResponseStories.Warning} />
|
|
16
|
-
|
|
17
|
-
## Error
|
|
18
|
-
|
|
19
|
-
<Canvas sourceState="shown" of={ResponseStories.Error} />
|
|
20
|
-
|
|
21
|
-
## Fail
|
|
22
|
-
|
|
23
|
-
<Canvas sourceState="shown" of={ResponseStories.Fail} />
|
package/dist/stories/Tile.mdx
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { Canvas, Meta } from '@storybook/blocks'
|
|
2
|
-
|
|
3
|
-
import * as TileStories from '../stories/Tile.stories.tsx'
|
|
4
|
-
|
|
5
|
-
<Meta of={TileStories} />
|
|
6
|
-
|
|
7
|
-
# Tile
|
|
8
|
-
|
|
9
|
-
## Normal
|
|
10
|
-
|
|
11
|
-
<Canvas of={TileStories.Normal} />
|
|
12
|
-
|
|
13
|
-
## Compact
|
|
14
|
-
|
|
15
|
-
<Canvas of={TileStories.Compact} />
|
|
16
|
-
|
|
17
|
-
## WithBadge
|
|
18
|
-
|
|
19
|
-
<Canvas of={TileStories.WithBadge} />
|
|
@@ -1,200 +0,0 @@
|
|
|
1
|
-
export declare const argTypes: {
|
|
2
|
-
className: {
|
|
3
|
-
if: {
|
|
4
|
-
arg: string;
|
|
5
|
-
};
|
|
6
|
-
};
|
|
7
|
-
type: {
|
|
8
|
-
if: {
|
|
9
|
-
arg: string;
|
|
10
|
-
};
|
|
11
|
-
};
|
|
12
|
-
appearance: {
|
|
13
|
-
control: string;
|
|
14
|
-
options: (string | null)[];
|
|
15
|
-
};
|
|
16
|
-
width: {
|
|
17
|
-
control: string;
|
|
18
|
-
options: readonly ["auto", "fixed", "hug", "fill"];
|
|
19
|
-
};
|
|
20
|
-
fill: {
|
|
21
|
-
control: string;
|
|
22
|
-
options: readonly [undefined, "accentPrimary", "accentSecondary", "accentTertiary", "primaryPrimary", "primarySecondary", "primaryTertiary", "secondaryPrimary", "secondarySecondary", "secondaryTertiary", "tertiaryPrimary", "tertiarySecondary", "tertiaryTertiary", "surfaceAccent", "surfaceItemPrimary", "surfacePrimary", "surfaceQuaternary", "surfaceQuinary", "surfaceSecondary", "surfaceTertiary", "errorPrimary", "errorSecondary", "successPrimary", "successSecondary", "gradientPrimary", "none"];
|
|
23
|
-
};
|
|
24
|
-
children: {
|
|
25
|
-
if: {
|
|
26
|
-
arg: string;
|
|
27
|
-
};
|
|
28
|
-
};
|
|
29
|
-
borderColor: {
|
|
30
|
-
control: string;
|
|
31
|
-
options: readonly [undefined, "accentBorderPrimary", "accentBorderSecondary", "accentBorderTertiary", "accentBorderQuaternary", "accentBorderDisabled", "primaryBorderPrimary", "primaryBorderSecondary", "primaryBorderTertiary", "primaryBorderQuaternary", "primaryBorderDisabled", "secondaryBorderPrimary", "secondaryBorderSecondary", "secondaryBorderTertiary", "secondaryBorderQuaternary", "secondaryBorderDisabled", "tertiaryBorderPrimary", "tertiaryBorderSecondary", "tertiaryBorderTertiary", "tertiaryBorderQuaternary", "tertiaryBorderDisabled", "surfaceBorderPrimary", "surfaceBorderSecondary", "surfaceBorderTertiary", "surfaceBorderQuaternary", "surfaceBorderDisabled", "surfaceBorderInverse", "errorBorderPrimary", "errorBorderSecondary", "errorBorderDisabled", "successBorderPrimary", "successBorderSecondary", "successBorderDisabled", "none"];
|
|
32
|
-
};
|
|
33
|
-
borderType: {
|
|
34
|
-
control: string;
|
|
35
|
-
options: readonly [undefined, "outline", "solid", "none"];
|
|
36
|
-
};
|
|
37
|
-
labelTextColor: {
|
|
38
|
-
control: string;
|
|
39
|
-
options: readonly [undefined, false, "accentTextPrimary", "accentTextSecondary", "accentTextTertiary", "primaryTextPrimary", "primaryTextSecondary", "primaryTextTertiary", "secondaryTextPrimary", "secondaryTextSecondary", "secondaryTextTertiary", "tertiaryTextPrimary", "tertiaryTextSecondary", "surfaceTextAccent", "surfaceTextActive", "surfaceTextDisabled", "surfaceTextFocus", "surfaceTextHover", "surfaceTextInverse", "surfaceTextPrimary", "surfaceTextQuaternary", "surfaceTextSecondary", "surfaceTextTertiary", "errorTextPrimary", "errorTextSecondary", "successTextPrimary", "successTextSecondary", "dangerTextPrimary", "dangerTextSecondary"];
|
|
40
|
-
};
|
|
41
|
-
labelTextColorHover: {
|
|
42
|
-
control: string;
|
|
43
|
-
options: readonly [undefined, false, "accentTextPrimary", "accentTextSecondary", "accentTextTertiary", "primaryTextPrimary", "primaryTextSecondary", "primaryTextTertiary", "secondaryTextPrimary", "secondaryTextSecondary", "secondaryTextTertiary", "tertiaryTextPrimary", "tertiaryTextSecondary", "surfaceTextAccent", "surfaceTextActive", "surfaceTextDisabled", "surfaceTextFocus", "surfaceTextHover", "surfaceTextInverse", "surfaceTextPrimary", "surfaceTextQuaternary", "surfaceTextSecondary", "surfaceTextTertiary", "errorTextPrimary", "errorTextSecondary", "successTextPrimary", "successTextSecondary", "dangerTextPrimary", "dangerTextSecondary"];
|
|
44
|
-
};
|
|
45
|
-
labelTextSize: {
|
|
46
|
-
control: string;
|
|
47
|
-
options: readonly [undefined, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
|
|
48
|
-
};
|
|
49
|
-
labelTextWrap: {
|
|
50
|
-
control: string;
|
|
51
|
-
if: {
|
|
52
|
-
arg: string;
|
|
53
|
-
};
|
|
54
|
-
options: readonly [undefined, "wrap", "nowrap"];
|
|
55
|
-
};
|
|
56
|
-
advancedProps: {
|
|
57
|
-
control: string;
|
|
58
|
-
};
|
|
59
|
-
Badge: {
|
|
60
|
-
control: string;
|
|
61
|
-
options: (import("react/jsx-runtime").JSX.Element | null)[];
|
|
62
|
-
};
|
|
63
|
-
dataTour: {
|
|
64
|
-
if: {
|
|
65
|
-
arg: string;
|
|
66
|
-
};
|
|
67
|
-
};
|
|
68
|
-
href: {
|
|
69
|
-
if: {
|
|
70
|
-
arg: string;
|
|
71
|
-
};
|
|
72
|
-
};
|
|
73
|
-
htmlType: {
|
|
74
|
-
if: {
|
|
75
|
-
arg: string;
|
|
76
|
-
};
|
|
77
|
-
};
|
|
78
|
-
iconAfterFill: {
|
|
79
|
-
control: string;
|
|
80
|
-
if: {
|
|
81
|
-
arg: string;
|
|
82
|
-
neq: null;
|
|
83
|
-
};
|
|
84
|
-
options: readonly [undefined, "accentPrimary", "accentSecondary", "accentTertiary", "primaryPrimary", "primarySecondary", "primaryTertiary", "secondaryPrimary", "secondarySecondary", "secondaryTertiary", "tertiaryPrimary", "tertiarySecondary", "tertiaryTertiary", "surfaceAccent", "surfaceItemPrimary", "surfacePrimary", "surfaceQuaternary", "surfaceQuinary", "surfaceSecondary", "surfaceTertiary", "errorPrimary", "errorSecondary", "successPrimary", "successSecondary", "gradientPrimary", "none"];
|
|
85
|
-
};
|
|
86
|
-
iconAfterSrc: {
|
|
87
|
-
control: string;
|
|
88
|
-
options: (string | null)[];
|
|
89
|
-
};
|
|
90
|
-
iconBeforeFill: {
|
|
91
|
-
control: string;
|
|
92
|
-
if: {
|
|
93
|
-
arg: string;
|
|
94
|
-
neq: null;
|
|
95
|
-
};
|
|
96
|
-
options: readonly [undefined, "accentPrimary", "accentSecondary", "accentTertiary", "primaryPrimary", "primarySecondary", "primaryTertiary", "secondaryPrimary", "secondarySecondary", "secondaryTertiary", "tertiaryPrimary", "tertiarySecondary", "tertiaryTertiary", "surfaceAccent", "surfaceItemPrimary", "surfacePrimary", "surfaceQuaternary", "surfaceQuinary", "surfaceSecondary", "surfaceTertiary", "errorPrimary", "errorSecondary", "successPrimary", "successSecondary", "gradientPrimary", "none"];
|
|
97
|
-
};
|
|
98
|
-
iconBeforeSrc: {
|
|
99
|
-
control: string;
|
|
100
|
-
options: (string | null)[];
|
|
101
|
-
};
|
|
102
|
-
iconFill: {
|
|
103
|
-
control: string;
|
|
104
|
-
if: {
|
|
105
|
-
arg: string;
|
|
106
|
-
neq: null;
|
|
107
|
-
};
|
|
108
|
-
options: readonly [undefined, "accentPrimary", "accentSecondary", "accentTertiary", "primaryPrimary", "primarySecondary", "primaryTertiary", "secondaryPrimary", "secondarySecondary", "secondaryTertiary", "tertiaryPrimary", "tertiarySecondary", "tertiaryTertiary", "surfaceAccent", "surfaceItemPrimary", "surfacePrimary", "surfaceQuaternary", "surfaceQuinary", "surfaceSecondary", "surfaceTertiary", "errorPrimary", "errorSecondary", "successPrimary", "successSecondary", "gradientPrimary", "none"];
|
|
109
|
-
};
|
|
110
|
-
iconSize: {
|
|
111
|
-
control: string;
|
|
112
|
-
if: {
|
|
113
|
-
arg: string;
|
|
114
|
-
neq: null;
|
|
115
|
-
};
|
|
116
|
-
options: readonly [undefined, 14, 16, 20, 24, 32, 40, 48, 56, 60, 64, 72, 80, 96, 112, 144, 240, "14", "16", "20", "24", "32", "40", "48", "56", "60", "64", "72", "80", "96", "112", "144", "240"];
|
|
117
|
-
};
|
|
118
|
-
iconSrc: {
|
|
119
|
-
control: string;
|
|
120
|
-
options: (string | null)[];
|
|
121
|
-
};
|
|
122
|
-
link: {
|
|
123
|
-
if: {
|
|
124
|
-
arg: string;
|
|
125
|
-
};
|
|
126
|
-
};
|
|
127
|
-
loaderFill: {
|
|
128
|
-
control: string;
|
|
129
|
-
if: {
|
|
130
|
-
arg: string;
|
|
131
|
-
eq: null;
|
|
132
|
-
};
|
|
133
|
-
options: readonly [undefined, "accentPrimary", "accentSecondary", "accentTertiary", "primaryPrimary", "primarySecondary", "primaryTertiary", "secondaryPrimary", "secondarySecondary", "secondaryTertiary", "tertiaryPrimary", "tertiarySecondary", "tertiaryTertiary", "surfaceAccent", "surfaceItemPrimary", "surfacePrimary", "surfaceQuaternary", "surfaceQuinary", "surfaceSecondary", "surfaceTertiary", "errorPrimary", "errorSecondary", "successPrimary", "successSecondary", "gradientPrimary", "none"];
|
|
134
|
-
};
|
|
135
|
-
loaderItemFill: {
|
|
136
|
-
control: string;
|
|
137
|
-
if: {
|
|
138
|
-
arg: string;
|
|
139
|
-
eq: null;
|
|
140
|
-
};
|
|
141
|
-
options: readonly [undefined, "accentItemPrimary", "accentItemSecondary", "accentItemTertiary", "accentItemDisabled", "primaryItemPrimary", "primaryItemSecondary", "primaryItemTertiary", "primaryItemDisabled", "secondaryItemPrimary", "secondaryItemSecondary", "secondaryItemTertiary", "secondaryItemDisabled", "tertiaryItemPrimary", "tertiaryItemSecondary", "tertiaryItemTertiary", "surfaceItemPrimary", "surfaceItemSecondary", "surfaceItemTertiary", "surfaceItemQuaternary", "surfaceItemQuinary", "surfaceItemDisabled", "surfaceItemInverse", "surfaceItemAccent", "errorItemPrimary", "errorItemSecondary", "successItemPrimary", "successItemSecondary"];
|
|
142
|
-
};
|
|
143
|
-
loaderSet: {
|
|
144
|
-
control: string;
|
|
145
|
-
if: {
|
|
146
|
-
arg: string;
|
|
147
|
-
eq: null;
|
|
148
|
-
};
|
|
149
|
-
};
|
|
150
|
-
loading: {
|
|
151
|
-
control: string;
|
|
152
|
-
if: {
|
|
153
|
-
arg: string;
|
|
154
|
-
};
|
|
155
|
-
};
|
|
156
|
-
rel: {
|
|
157
|
-
if: {
|
|
158
|
-
arg: string;
|
|
159
|
-
};
|
|
160
|
-
};
|
|
161
|
-
shape: {
|
|
162
|
-
control: string;
|
|
163
|
-
options: readonly [undefined, "geometric", "rounded", "circular"];
|
|
164
|
-
};
|
|
165
|
-
size: {
|
|
166
|
-
control: string;
|
|
167
|
-
options: readonly [undefined, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
|
|
168
|
-
};
|
|
169
|
-
target: {
|
|
170
|
-
if: {
|
|
171
|
-
arg: string;
|
|
172
|
-
};
|
|
173
|
-
};
|
|
174
|
-
before: {
|
|
175
|
-
if: {
|
|
176
|
-
arg: string;
|
|
177
|
-
};
|
|
178
|
-
};
|
|
179
|
-
after: {
|
|
180
|
-
if: {
|
|
181
|
-
arg: string;
|
|
182
|
-
};
|
|
183
|
-
};
|
|
184
|
-
isDisabled: {
|
|
185
|
-
control: string;
|
|
186
|
-
if: {
|
|
187
|
-
arg: string;
|
|
188
|
-
};
|
|
189
|
-
};
|
|
190
|
-
onClick: {
|
|
191
|
-
if: {
|
|
192
|
-
arg: string;
|
|
193
|
-
};
|
|
194
|
-
};
|
|
195
|
-
onMouseDown: {
|
|
196
|
-
if: {
|
|
197
|
-
arg: string;
|
|
198
|
-
};
|
|
199
|
-
};
|
|
200
|
-
};
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
export declare const argTypes: {
|
|
2
|
-
advancedProps: {
|
|
3
|
-
control: string;
|
|
4
|
-
};
|
|
5
|
-
border: {
|
|
6
|
-
control: string;
|
|
7
|
-
options: readonly [undefined, "accentBorderPrimary", "accentBorderSecondary", "accentBorderTertiary", "accentBorderQuaternary", "accentBorderDisabled", "primaryBorderPrimary", "primaryBorderSecondary", "primaryBorderTertiary", "primaryBorderQuaternary", "primaryBorderDisabled", "secondaryBorderPrimary", "secondaryBorderSecondary", "secondaryBorderTertiary", "secondaryBorderQuaternary", "secondaryBorderDisabled", "tertiaryBorderPrimary", "tertiaryBorderSecondary", "tertiaryBorderTertiary", "tertiaryBorderQuaternary", "tertiaryBorderDisabled", "surfaceBorderPrimary", "surfaceBorderSecondary", "surfaceBorderTertiary", "surfaceBorderQuaternary", "surfaceBorderDisabled", "surfaceBorderInverse", "errorBorderPrimary", "errorBorderSecondary", "errorBorderDisabled", "successBorderPrimary", "successBorderSecondary", "successBorderDisabled", "none"];
|
|
8
|
-
};
|
|
9
|
-
borderType: {
|
|
10
|
-
control: string;
|
|
11
|
-
options: readonly [undefined, "outline", "solid", "none"];
|
|
12
|
-
};
|
|
13
|
-
className: {
|
|
14
|
-
if: {
|
|
15
|
-
arg: string;
|
|
16
|
-
};
|
|
17
|
-
};
|
|
18
|
-
fill: {
|
|
19
|
-
control: string;
|
|
20
|
-
options: readonly [undefined, "accentPrimary", "accentSecondary", "accentTertiary", "primaryPrimary", "primarySecondary", "primaryTertiary", "secondaryPrimary", "secondarySecondary", "secondaryTertiary", "tertiaryPrimary", "tertiarySecondary", "tertiaryTertiary", "surfaceAccent", "surfaceItemPrimary", "surfacePrimary", "surfaceQuaternary", "surfaceQuinary", "surfaceSecondary", "surfaceTertiary", "errorPrimary", "errorSecondary", "successPrimary", "successSecondary", "gradientPrimary", "none"];
|
|
21
|
-
};
|
|
22
|
-
labelTextSize: {
|
|
23
|
-
control: string;
|
|
24
|
-
options: readonly [undefined, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
|
|
25
|
-
};
|
|
26
|
-
shape: {
|
|
27
|
-
control: string;
|
|
28
|
-
options: readonly [undefined, "geometric", "rounded", "circular"];
|
|
29
|
-
};
|
|
30
|
-
size: {
|
|
31
|
-
control: string;
|
|
32
|
-
options: readonly [undefined, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
|
|
33
|
-
};
|
|
34
|
-
type: {
|
|
35
|
-
control: string;
|
|
36
|
-
if: {
|
|
37
|
-
arg: string;
|
|
38
|
-
};
|
|
39
|
-
};
|
|
40
|
-
onClick: {
|
|
41
|
-
if: {
|
|
42
|
-
arg: string;
|
|
43
|
-
};
|
|
44
|
-
};
|
|
45
|
-
};
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { CSSProperties, ReactNode } from 'react';
|
|
2
|
-
import { tDirectionProps, tFlexGrowProps, tWidthProps } from 'types';
|
|
3
|
-
import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
|
|
4
|
-
import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
|
|
5
|
-
export interface iMenuThemeColor {
|
|
6
|
-
}
|
|
7
|
-
type tAppearanceKeys = tAppearanceKeysDefault & {};
|
|
8
|
-
export type menuAppearanceType = {
|
|
9
|
-
[key in tAppearanceKeys]?: iMenuThemeColor;
|
|
10
|
-
};
|
|
11
|
-
export interface iMenuConfig {
|
|
12
|
-
[key: number | string | symbol]: any;
|
|
13
|
-
appearance: menuAppearanceType | undefined;
|
|
14
|
-
setAppearance: (newComponent: menuAppearanceType) => void;
|
|
15
|
-
}
|
|
16
|
-
export interface iMenuProps extends iMenuThemeColor, iStyleAttributes {
|
|
17
|
-
[key: number | string | symbol]: any;
|
|
18
|
-
after?: ReactNode;
|
|
19
|
-
appearance?: tAppearanceKeys;
|
|
20
|
-
before?: ReactNode;
|
|
21
|
-
children?: ReactNode;
|
|
22
|
-
className?: string;
|
|
23
|
-
columns?: number;
|
|
24
|
-
direction?: tDirectionProps;
|
|
25
|
-
flexGrow?: tFlexGrowProps;
|
|
26
|
-
items?: {
|
|
27
|
-
id: string;
|
|
28
|
-
label: string;
|
|
29
|
-
}[];
|
|
30
|
-
style?: CSSProperties;
|
|
31
|
-
type?: string;
|
|
32
|
-
width?: tWidthProps;
|
|
33
|
-
onClickItem?: () => void;
|
|
34
|
-
}
|
|
35
|
-
export {};
|