@fluidattacks/design 9.5.0 → 9.5.1

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 (12) hide show
  1. package/dist/components/card/card-with-image/index.stories.d.ts +2 -2
  2. package/dist/components/card/card-with-input/index.stories.d.ts +14 -14
  3. package/dist/components/card/indicator-card/index.stories.d.ts +4 -4
  4. package/dist/components/progress-bar/index.stories.d.ts +6 -6
  5. package/dist/components/radio-button/index.stories.d.ts +4 -4
  6. package/dist/components/segmented-control/index.stories.d.ts +6 -6
  7. package/dist/components/segmented-progress-bar/index.js +40 -37
  8. package/dist/components/segmented-progress-bar/index.stories.d.ts +2 -1
  9. package/dist/components/segmented-progress-bar/types.d.ts +1 -1
  10. package/dist/components/table-button/index.stories.d.ts +2 -2
  11. package/dist/components/toggle/index.stories.d.ts +8 -8
  12. package/package.json +9 -9
package/dist/components/card/card-with-image/index.stories.d.ts CHANGED
@@ -44,7 +44,7 @@ declare const Default: {
44
44
  render?: import('storybook/internal/csf').ArgsStoryFn<import('@storybook/react').ReactRenderer, {
45
45
  itemsProps: ICardWithImageProps[];
46
46
  }> | undefined;
47
- tags?: import('storybook/internal/csf').Tag[];
47
+ tags?: string[] | undefined;
48
48
  mount?: ((context: import('storybook/internal/csf').StoryContext<import('@storybook/react').ReactRenderer, {
49
49
  itemsProps: ICardWithImageProps[];
50
50
  }>) => (ui?: import("react").JSX.Element) => Promise<import('storybook/internal/csf').Canvas>) | undefined;
@@ -53,7 +53,7 @@ declare const Default: {
53
53
  play?: import('storybook/internal/csf').PlayFunction<import('@storybook/react').ReactRenderer, {
54
54
  itemsProps: ICardWithImageProps[];
55
55
  }> | undefined;
56
- globals?: import('storybook/internal/csf').Globals | undefined;
56
+ globals?: Partial<import('storybook/internal/csf').Globals> | undefined;
57
57
  story?: Omit<import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
58
58
  itemsProps: ICardWithImageProps[];
59
59
  }, Partial<{
package/dist/components/card/card-with-input/index.stories.d.ts CHANGED
@@ -35,7 +35,7 @@ declare const Default: {
35
35
  render?: import('storybook/internal/csf').ArgsStoryFn<import('@storybook/react').ReactRenderer, {
36
36
  props: ICardWithInputProps;
37
37
  }> | undefined;
38
- tags?: import('storybook/internal/csf').Tag[];
38
+ tags?: string[] | undefined;
39
39
  mount?: ((context: import('storybook/internal/csf').StoryContext<import('@storybook/react').ReactRenderer, {
40
40
  props: ICardWithInputProps;
41
41
  }>) => (ui?: import("react").JSX.Element) => Promise<import('storybook/internal/csf').Canvas>) | undefined;
@@ -44,7 +44,7 @@ declare const Default: {
44
44
  play?: import('storybook/internal/csf').PlayFunction<import('@storybook/react').ReactRenderer, {
45
45
  props: ICardWithInputProps;
46
46
  }> | undefined;
47
- globals?: import('storybook/internal/csf').Globals | undefined;
47
+ globals?: Partial<import('storybook/internal/csf').Globals> | undefined;
48
48
  story?: Omit<import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
49
49
  props: ICardWithInputProps;
50
50
  }, Partial<{
@@ -86,7 +86,7 @@ declare const WithTitle: {
86
86
  render?: import('storybook/internal/csf').ArgsStoryFn<import('@storybook/react').ReactRenderer, {
87
87
  props: ICardWithInputProps;
88
88
  }> | undefined;
89
- tags?: import('storybook/internal/csf').Tag[];
89
+ tags?: string[] | undefined;
90
90
  mount?: ((context: import('storybook/internal/csf').StoryContext<import('@storybook/react').ReactRenderer, {
91
91
  props: ICardWithInputProps;
92
92
  }>) => (ui?: import("react").JSX.Element) => Promise<import('storybook/internal/csf').Canvas>) | undefined;
@@ -95,7 +95,7 @@ declare const WithTitle: {
95
95
  play?: import('storybook/internal/csf').PlayFunction<import('@storybook/react').ReactRenderer, {
96
96
  props: ICardWithInputProps;
97
97
  }> | undefined;
98
- globals?: import('storybook/internal/csf').Globals | undefined;
98
+ globals?: Partial<import('storybook/internal/csf').Globals> | undefined;
99
99
  story?: Omit<import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
100
100
  props: ICardWithInputProps;
101
101
  }, Partial<{
@@ -137,7 +137,7 @@ declare const WithIcon: {
137
137
  render?: import('storybook/internal/csf').ArgsStoryFn<import('@storybook/react').ReactRenderer, {
138
138
  props: ICardWithInputProps;
139
139
  }> | undefined;
140
- tags?: import('storybook/internal/csf').Tag[];
140
+ tags?: string[] | undefined;
141
141
  mount?: ((context: import('storybook/internal/csf').StoryContext<import('@storybook/react').ReactRenderer, {
142
142
  props: ICardWithInputProps;
143
143
  }>) => (ui?: import("react").JSX.Element) => Promise<import('storybook/internal/csf').Canvas>) | undefined;
@@ -146,7 +146,7 @@ declare const WithIcon: {
146
146
  play?: import('storybook/internal/csf').PlayFunction<import('@storybook/react').ReactRenderer, {
147
147
  props: ICardWithInputProps;
148
148
  }> | undefined;
149
- globals?: import('storybook/internal/csf').Globals | undefined;
149
+ globals?: Partial<import('storybook/internal/csf').Globals> | undefined;
150
150
  story?: Omit<import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
151
151
  props: ICardWithInputProps;
152
152
  }, Partial<{
@@ -189,7 +189,7 @@ declare const InputAlignStart: {
189
189
  render?: import('storybook/internal/csf').ArgsStoryFn<import('@storybook/react').ReactRenderer, {
190
190
  props: ICardWithInputProps;
191
191
  }> | undefined;
192
- tags?: import('storybook/internal/csf').Tag[];
192
+ tags?: string[] | undefined;
193
193
  mount?: ((context: import('storybook/internal/csf').StoryContext<import('@storybook/react').ReactRenderer, {
194
194
  props: ICardWithInputProps;
195
195
  }>) => (ui?: import("react").JSX.Element) => Promise<import('storybook/internal/csf').Canvas>) | undefined;
@@ -198,7 +198,7 @@ declare const InputAlignStart: {
198
198
  play?: import('storybook/internal/csf').PlayFunction<import('@storybook/react').ReactRenderer, {
199
199
  props: ICardWithInputProps;
200
200
  }> | undefined;
201
- globals?: import('storybook/internal/csf').Globals | undefined;
201
+ globals?: Partial<import('storybook/internal/csf').Globals> | undefined;
202
202
  story?: Omit<import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
203
203
  props: ICardWithInputProps;
204
204
  }, Partial<{
@@ -241,7 +241,7 @@ declare const NumberInput: {
241
241
  render?: import('storybook/internal/csf').ArgsStoryFn<import('@storybook/react').ReactRenderer, {
242
242
  props: ICardWithInputProps;
243
243
  }> | undefined;
244
- tags?: import('storybook/internal/csf').Tag[];
244
+ tags?: string[] | undefined;
245
245
  mount?: ((context: import('storybook/internal/csf').StoryContext<import('@storybook/react').ReactRenderer, {
246
246
  props: ICardWithInputProps;
247
247
  }>) => (ui?: import("react").JSX.Element) => Promise<import('storybook/internal/csf').Canvas>) | undefined;
@@ -250,7 +250,7 @@ declare const NumberInput: {
250
250
  play?: import('storybook/internal/csf').PlayFunction<import('@storybook/react').ReactRenderer, {
251
251
  props: ICardWithInputProps;
252
252
  }> | undefined;
253
- globals?: import('storybook/internal/csf').Globals | undefined;
253
+ globals?: Partial<import('storybook/internal/csf').Globals> | undefined;
254
254
  story?: Omit<import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
255
255
  props: ICardWithInputProps;
256
256
  }, Partial<{
@@ -292,7 +292,7 @@ declare const DateInput: {
292
292
  render?: import('storybook/internal/csf').ArgsStoryFn<import('@storybook/react').ReactRenderer, {
293
293
  props: ICardWithInputProps;
294
294
  }> | undefined;
295
- tags?: import('storybook/internal/csf').Tag[];
295
+ tags?: string[] | undefined;
296
296
  mount?: ((context: import('storybook/internal/csf').StoryContext<import('@storybook/react').ReactRenderer, {
297
297
  props: ICardWithInputProps;
298
298
  }>) => (ui?: import("react").JSX.Element) => Promise<import('storybook/internal/csf').Canvas>) | undefined;
@@ -301,7 +301,7 @@ declare const DateInput: {
301
301
  play?: import('storybook/internal/csf').PlayFunction<import('@storybook/react').ReactRenderer, {
302
302
  props: ICardWithInputProps;
303
303
  }> | undefined;
304
- globals?: import('storybook/internal/csf').Globals | undefined;
304
+ globals?: Partial<import('storybook/internal/csf').Globals> | undefined;
305
305
  story?: Omit<import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
306
306
  props: ICardWithInputProps;
307
307
  }, Partial<{
@@ -348,7 +348,7 @@ declare const ComboBox: {
348
348
  render?: import('storybook/internal/csf').ArgsStoryFn<import('@storybook/react').ReactRenderer, {
349
349
  props: ICardWithInputProps;
350
350
  }> | undefined;
351
- tags?: import('storybook/internal/csf').Tag[];
351
+ tags?: string[] | undefined;
352
352
  mount?: ((context: import('storybook/internal/csf').StoryContext<import('@storybook/react').ReactRenderer, {
353
353
  props: ICardWithInputProps;
354
354
  }>) => (ui?: import("react").JSX.Element) => Promise<import('storybook/internal/csf').Canvas>) | undefined;
@@ -357,7 +357,7 @@ declare const ComboBox: {
357
357
  play?: import('storybook/internal/csf').PlayFunction<import('@storybook/react').ReactRenderer, {
358
358
  props: ICardWithInputProps;
359
359
  }> | undefined;
360
- globals?: import('storybook/internal/csf').Globals | undefined;
360
+ globals?: Partial<import('storybook/internal/csf').Globals> | undefined;
361
361
  story?: Omit<import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
362
362
  props: ICardWithInputProps;
363
363
  }, Partial<{
package/dist/components/card/indicator-card/index.stories.d.ts CHANGED
@@ -39,12 +39,12 @@ declare const Default: {
39
39
  beforeEach?: import('storybook/internal/csf').BeforeEach<import('@storybook/react').ReactRenderer, Readonly<IIndicatorCardProps>> | import('storybook/internal/csf').BeforeEach<import('@storybook/react').ReactRenderer, Readonly<IIndicatorCardProps>>[] | undefined;
40
40
  afterEach?: import('storybook/internal/csf').AfterEach<import('@storybook/react').ReactRenderer, Readonly<IIndicatorCardProps>> | import('storybook/internal/csf').AfterEach<import('@storybook/react').ReactRenderer, Readonly<IIndicatorCardProps>>[] | undefined;
41
41
  render?: import('storybook/internal/csf').ArgsStoryFn<import('@storybook/react').ReactRenderer, Readonly<IIndicatorCardProps>> | undefined;
42
- tags?: import('storybook/internal/csf').Tag[];
42
+ tags?: string[] | undefined;
43
43
  mount?: ((context: import('storybook/internal/csf').StoryContext<import('@storybook/react').ReactRenderer, Readonly<IIndicatorCardProps>>) => (ui?: import("react").JSX.Element) => Promise<import('storybook/internal/csf').Canvas>) | undefined;
44
44
  name?: import('storybook/internal/csf').StoryName;
45
45
  storyName?: import('storybook/internal/csf').StoryName;
46
46
  play?: import('storybook/internal/csf').PlayFunction<import('@storybook/react').ReactRenderer, Readonly<IIndicatorCardProps>> | undefined;
47
- globals?: import('storybook/internal/csf').Globals | undefined;
47
+ globals?: Partial<import('storybook/internal/csf').Globals> | undefined;
48
48
  story?: Omit<import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, Readonly<IIndicatorCardProps>, Partial<Readonly<IIndicatorCardProps>>>, "story"> | undefined;
49
49
  };
50
50
  declare const LeftAligned: {
@@ -85,12 +85,12 @@ declare const LeftAligned: {
85
85
  beforeEach?: import('storybook/internal/csf').BeforeEach<import('@storybook/react').ReactRenderer, Readonly<IIndicatorCardProps>> | import('storybook/internal/csf').BeforeEach<import('@storybook/react').ReactRenderer, Readonly<IIndicatorCardProps>>[] | undefined;
86
86
  afterEach?: import('storybook/internal/csf').AfterEach<import('@storybook/react').ReactRenderer, Readonly<IIndicatorCardProps>> | import('storybook/internal/csf').AfterEach<import('@storybook/react').ReactRenderer, Readonly<IIndicatorCardProps>>[] | undefined;
87
87
  render?: import('storybook/internal/csf').ArgsStoryFn<import('@storybook/react').ReactRenderer, Readonly<IIndicatorCardProps>> | undefined;
88
- tags?: import('storybook/internal/csf').Tag[];
88
+ tags?: string[] | undefined;
89
89
  mount?: ((context: import('storybook/internal/csf').StoryContext<import('@storybook/react').ReactRenderer, Readonly<IIndicatorCardProps>>) => (ui?: import("react").JSX.Element) => Promise<import('storybook/internal/csf').Canvas>) | undefined;
90
90
  name?: import('storybook/internal/csf').StoryName;
91
91
  storyName?: import('storybook/internal/csf').StoryName;
92
92
  play?: import('storybook/internal/csf').PlayFunction<import('@storybook/react').ReactRenderer, Readonly<IIndicatorCardProps>> | undefined;
93
- globals?: import('storybook/internal/csf').Globals | undefined;
93
+ globals?: Partial<import('storybook/internal/csf').Globals> | undefined;
94
94
  story?: Omit<import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, Readonly<IIndicatorCardProps>, Partial<Readonly<IIndicatorCardProps>>>, "story"> | undefined;
95
95
  };
96
96
  export default config;
package/dist/components/progress-bar/index.stories.d.ts CHANGED
@@ -42,7 +42,7 @@ declare const Default: {
42
42
  render?: import('storybook/internal/csf').ArgsStoryFn<import('@storybook/react').ReactRenderer, {
43
43
  itemsProps: IProgressBarProps[];
44
44
  }> | undefined;
45
- tags?: import('storybook/internal/csf').Tag[];
45
+ tags?: string[] | undefined;
46
46
  mount?: ((context: import('storybook/internal/csf').StoryContext<import('@storybook/react').ReactRenderer, {
47
47
  itemsProps: IProgressBarProps[];
48
48
  }>) => (ui?: import("react").JSX.Element) => Promise<import('storybook/internal/csf').Canvas>) | undefined;
@@ -51,7 +51,7 @@ declare const Default: {
51
51
  play?: import('storybook/internal/csf').PlayFunction<import('@storybook/react').ReactRenderer, {
52
52
  itemsProps: IProgressBarProps[];
53
53
  }> | undefined;
54
- globals?: import('storybook/internal/csf').Globals | undefined;
54
+ globals?: Partial<import('storybook/internal/csf').Globals> | undefined;
55
55
  story?: Omit<import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
56
56
  itemsProps: IProgressBarProps[];
57
57
  }, Partial<{
@@ -94,7 +94,7 @@ declare const Compliance: {
94
94
  render?: import('storybook/internal/csf').ArgsStoryFn<import('@storybook/react').ReactRenderer, {
95
95
  itemsProps: IProgressBarProps[];
96
96
  }> | undefined;
97
- tags?: import('storybook/internal/csf').Tag[];
97
+ tags?: string[] | undefined;
98
98
  mount?: ((context: import('storybook/internal/csf').StoryContext<import('@storybook/react').ReactRenderer, {
99
99
  itemsProps: IProgressBarProps[];
100
100
  }>) => (ui?: import("react").JSX.Element) => Promise<import('storybook/internal/csf').Canvas>) | undefined;
@@ -103,7 +103,7 @@ declare const Compliance: {
103
103
  play?: import('storybook/internal/csf').PlayFunction<import('@storybook/react').ReactRenderer, {
104
104
  itemsProps: IProgressBarProps[];
105
105
  }> | undefined;
106
- globals?: import('storybook/internal/csf').Globals | undefined;
106
+ globals?: Partial<import('storybook/internal/csf').Globals> | undefined;
107
107
  story?: Omit<import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
108
108
  itemsProps: IProgressBarProps[];
109
109
  }, Partial<{
@@ -165,7 +165,7 @@ declare const Variants: {
165
165
  render?: import('storybook/internal/csf').ArgsStoryFn<import('@storybook/react').ReactRenderer, {
166
166
  itemsProps: IProgressBarProps[];
167
167
  }> | undefined;
168
- tags?: import('storybook/internal/csf').Tag[];
168
+ tags?: string[] | undefined;
169
169
  mount?: ((context: import('storybook/internal/csf').StoryContext<import('@storybook/react').ReactRenderer, {
170
170
  itemsProps: IProgressBarProps[];
171
171
  }>) => (ui?: import("react").JSX.Element) => Promise<import('storybook/internal/csf').Canvas>) | undefined;
@@ -174,7 +174,7 @@ declare const Variants: {
174
174
  play?: import('storybook/internal/csf').PlayFunction<import('@storybook/react').ReactRenderer, {
175
175
  itemsProps: IProgressBarProps[];
176
176
  }> | undefined;
177
- globals?: import('storybook/internal/csf').Globals | undefined;
177
+ globals?: Partial<import('storybook/internal/csf').Globals> | undefined;
178
178
  story?: Omit<import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
179
179
  itemsProps: IProgressBarProps[];
180
180
  }, Partial<{
package/dist/components/radio-button/index.stories.d.ts CHANGED
@@ -42,7 +42,7 @@ declare const Default: {
42
42
  render?: import('storybook/internal/csf').ArgsStoryFn<import('@storybook/react').ReactRenderer, {
43
43
  itemsProps: IRadioButtonProps[];
44
44
  }> | undefined;
45
- tags?: import('storybook/internal/csf').Tag[];
45
+ tags?: string[] | undefined;
46
46
  mount?: ((context: import('storybook/internal/csf').StoryContext<import('@storybook/react').ReactRenderer, {
47
47
  itemsProps: IRadioButtonProps[];
48
48
  }>) => (ui?: import("react").JSX.Element) => Promise<import('storybook/internal/csf').Canvas>) | undefined;
@@ -51,7 +51,7 @@ declare const Default: {
51
51
  play?: import('storybook/internal/csf').PlayFunction<import('@storybook/react').ReactRenderer, {
52
52
  itemsProps: IRadioButtonProps[];
53
53
  }> | undefined;
54
- globals?: import('storybook/internal/csf').Globals | undefined;
54
+ globals?: Partial<import('storybook/internal/csf').Globals> | undefined;
55
55
  story?: Omit<import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
56
56
  itemsProps: IRadioButtonProps[];
57
57
  }, Partial<{
@@ -101,7 +101,7 @@ declare const Disabled: {
101
101
  render?: import('storybook/internal/csf').ArgsStoryFn<import('@storybook/react').ReactRenderer, {
102
102
  itemsProps: IRadioButtonProps[];
103
103
  }> | undefined;
104
- tags?: import('storybook/internal/csf').Tag[];
104
+ tags?: string[] | undefined;
105
105
  mount?: ((context: import('storybook/internal/csf').StoryContext<import('@storybook/react').ReactRenderer, {
106
106
  itemsProps: IRadioButtonProps[];
107
107
  }>) => (ui?: import("react").JSX.Element) => Promise<import('storybook/internal/csf').Canvas>) | undefined;
@@ -110,7 +110,7 @@ declare const Disabled: {
110
110
  play?: import('storybook/internal/csf').PlayFunction<import('@storybook/react').ReactRenderer, {
111
111
  itemsProps: IRadioButtonProps[];
112
112
  }> | undefined;
113
- globals?: import('storybook/internal/csf').Globals | undefined;
113
+ globals?: Partial<import('storybook/internal/csf').Globals> | undefined;
114
114
  story?: Omit<import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
115
115
  itemsProps: IRadioButtonProps[];
116
116
  }, Partial<{
package/dist/components/segmented-control/index.stories.d.ts CHANGED
@@ -30,12 +30,12 @@ declare const Default: {
30
30
  beforeEach?: import('storybook/internal/csf').BeforeEach<import('@storybook/react').ReactRenderer, ISegmentedControlProps> | import('storybook/internal/csf').BeforeEach<import('@storybook/react').ReactRenderer, ISegmentedControlProps>[] | undefined;
31
31
  afterEach?: import('storybook/internal/csf').AfterEach<import('@storybook/react').ReactRenderer, ISegmentedControlProps> | import('storybook/internal/csf').AfterEach<import('@storybook/react').ReactRenderer, ISegmentedControlProps>[] | undefined;
32
32
  render?: import('storybook/internal/csf').ArgsStoryFn<import('@storybook/react').ReactRenderer, ISegmentedControlProps> | undefined;
33
- tags?: import('storybook/internal/csf').Tag[];
33
+ tags?: string[] | undefined;
34
34
  mount?: ((context: import('storybook/internal/csf').StoryContext<import('@storybook/react').ReactRenderer, ISegmentedControlProps>) => (ui?: import("react").JSX.Element) => Promise<import('storybook/internal/csf').Canvas>) | undefined;
35
35
  name?: import('storybook/internal/csf').StoryName;
36
36
  storyName?: import('storybook/internal/csf').StoryName;
37
37
  play?: import('storybook/internal/csf').PlayFunction<import('@storybook/react').ReactRenderer, ISegmentedControlProps> | undefined;
38
- globals?: import('storybook/internal/csf').Globals | undefined;
38
+ globals?: Partial<import('storybook/internal/csf').Globals> | undefined;
39
39
  story?: Omit<import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, ISegmentedControlProps, Partial<ISegmentedControlProps>>, "story"> | undefined;
40
40
  };
41
41
  declare const WithDisabledOption: {
@@ -72,12 +72,12 @@ declare const WithDisabledOption: {
72
72
  beforeEach?: import('storybook/internal/csf').BeforeEach<import('@storybook/react').ReactRenderer, ISegmentedControlProps> | import('storybook/internal/csf').BeforeEach<import('@storybook/react').ReactRenderer, ISegmentedControlProps>[] | undefined;
73
73
  afterEach?: import('storybook/internal/csf').AfterEach<import('@storybook/react').ReactRenderer, ISegmentedControlProps> | import('storybook/internal/csf').AfterEach<import('@storybook/react').ReactRenderer, ISegmentedControlProps>[] | undefined;
74
74
  render?: import('storybook/internal/csf').ArgsStoryFn<import('@storybook/react').ReactRenderer, ISegmentedControlProps> | undefined;
75
- tags?: import('storybook/internal/csf').Tag[];
75
+ tags?: string[] | undefined;
76
76
  mount?: ((context: import('storybook/internal/csf').StoryContext<import('@storybook/react').ReactRenderer, ISegmentedControlProps>) => (ui?: import("react").JSX.Element) => Promise<import('storybook/internal/csf').Canvas>) | undefined;
77
77
  name?: import('storybook/internal/csf').StoryName;
78
78
  storyName?: import('storybook/internal/csf').StoryName;
79
79
  play?: import('storybook/internal/csf').PlayFunction<import('@storybook/react').ReactRenderer, ISegmentedControlProps> | undefined;
80
- globals?: import('storybook/internal/csf').Globals | undefined;
80
+ globals?: Partial<import('storybook/internal/csf').Globals> | undefined;
81
81
  story?: Omit<import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, ISegmentedControlProps, Partial<ISegmentedControlProps>>, "story"> | undefined;
82
82
  };
83
83
  declare const Disabled: {
@@ -109,12 +109,12 @@ declare const Disabled: {
109
109
  beforeEach?: import('storybook/internal/csf').BeforeEach<import('@storybook/react').ReactRenderer, ISegmentedControlProps> | import('storybook/internal/csf').BeforeEach<import('@storybook/react').ReactRenderer, ISegmentedControlProps>[] | undefined;
110
110
  afterEach?: import('storybook/internal/csf').AfterEach<import('@storybook/react').ReactRenderer, ISegmentedControlProps> | import('storybook/internal/csf').AfterEach<import('@storybook/react').ReactRenderer, ISegmentedControlProps>[] | undefined;
111
111
  render?: import('storybook/internal/csf').ArgsStoryFn<import('@storybook/react').ReactRenderer, ISegmentedControlProps> | undefined;
112
- tags?: import('storybook/internal/csf').Tag[];
112
+ tags?: string[] | undefined;
113
113
  mount?: ((context: import('storybook/internal/csf').StoryContext<import('@storybook/react').ReactRenderer, ISegmentedControlProps>) => (ui?: import("react").JSX.Element) => Promise<import('storybook/internal/csf').Canvas>) | undefined;
114
114
  name?: import('storybook/internal/csf').StoryName;
115
115
  storyName?: import('storybook/internal/csf').StoryName;
116
116
  play?: import('storybook/internal/csf').PlayFunction<import('@storybook/react').ReactRenderer, ISegmentedControlProps> | undefined;
117
- globals?: import('storybook/internal/csf').Globals | undefined;
117
+ globals?: Partial<import('storybook/internal/csf').Globals> | undefined;
118
118
  story?: Omit<import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, ISegmentedControlProps, Partial<ISegmentedControlProps>>, "story"> | undefined;
119
119
  };
120
120
  export { Default, Disabled, WithDisabledOption };
package/dist/components/segmented-progress-bar/index.js CHANGED
@@ -1,50 +1,53 @@
1
- import { jsx as l } from "react/jsx-runtime";
2
- import { useTheme as f } from "styled-components";
3
- import { StyledBarContainer as w, StyledSegment as S } from "./styles.js";
4
- const B = ({
5
- segments: t,
6
- backgroundColor: m,
7
- height: n = "14px",
8
- width: $ = "100%",
9
- margin: p,
10
- mx: g,
11
- my: h,
12
- ml: i,
13
- mr: s,
14
- mt: c,
1
+ import { jsx as a } from "react/jsx-runtime";
2
+ import { useTheme as S } from "styled-components";
3
+ import { StyledBarContainer as v, StyledSegment as w } from "./styles.js";
4
+ const x = ({
5
+ segments: m,
6
+ backgroundColor: n,
7
+ height: i = "14px",
8
+ width: p = "100%",
9
+ margin: s,
10
+ mx: $,
11
+ my: c,
12
+ ml: g,
13
+ mr: h,
14
+ mt: u,
15
15
  mb: d
16
16
  }) => {
17
- const r = f(), o = [
18
- r.palette.primary[700],
19
- r.palette.error[500],
20
- r.palette.warning[500]
21
- ], u = r.palette.warning[200];
22
- return /* @__PURE__ */ l(
23
- w,
17
+ const e = S(), t = [
18
+ e.palette.primary[700],
19
+ e.palette.error[500],
20
+ e.palette.warning[500]
21
+ ], f = e.palette.warning[200], l = m.map((r, o) => ({
22
+ color: r.color ?? t[o % t.length],
23
+ value: r.value
24
+ })).filter((r) => r.value > 0);
25
+ return /* @__PURE__ */ a(
26
+ v,
24
27
  {
25
- $backgroundColor: m ?? u,
26
- $height: n,
27
- $margin: p,
28
+ $backgroundColor: n ?? f,
29
+ $height: i,
30
+ $margin: s,
28
31
  $mb: d,
29
- $ml: i,
30
- $mr: s,
31
- $mt: c,
32
- $mx: g,
33
- $my: h,
34
- $width: $,
32
+ $ml: g,
33
+ $mr: h,
34
+ $mt: u,
35
+ $mx: $,
36
+ $my: c,
37
+ $width: p,
35
38
  role: "progressbar",
36
- children: t.map((a, e) => /* @__PURE__ */ l(
37
- S,
39
+ children: l.map((r, o) => /* @__PURE__ */ a(
40
+ w,
38
41
  {
39
- $color: a.color ?? o[e % o.length],
40
- $showSeparator: e < t.length - 1,
41
- $width: a.value
42
+ $color: r.color,
43
+ $showSeparator: o < l.length - 1,
44
+ $width: r.value
42
45
  },
43
- `segment-${e}`
46
+ `segment-${o}`
44
47
  ))
45
48
  }
46
49
  );
47
50
  };
48
51
  export {
49
- B as SegmentedProgressBar
52
+ x as SegmentedProgressBar
50
53
  };
package/dist/components/segmented-progress-bar/index.stories.d.ts CHANGED
@@ -4,5 +4,6 @@ declare const config: Meta<ISegmentedProgressBarProps>;
4
4
  type Story = StoryFn<ISegmentedProgressBarProps>;
5
5
  declare const Default: Story;
6
6
  declare const SingleSegment: Story;
7
- export { Default, SingleSegment };
7
+ declare const EmptySegments: Story;
8
+ export { Default, EmptySegments, SingleSegment };
8
9
  export default config;
package/dist/components/segmented-progress-bar/types.d.ts CHANGED
@@ -2,7 +2,7 @@ import { IDisplayModifiable, IMarginModifiable } from '../@core';
2
2
  /**
3
3
  * Segment configuration for the progress bar.
4
4
  * @interface ISegment
5
- * @property { number } value - Percentage width of the segment (0-100).
5
+ * @property { number } value - Percentage width of the segment (0-100). A segment with 0 or less is not drawn.
6
6
  * @property { string } [color] - Background color of the segment. Defaults to primary[700], error[500], warning[500] in order.
7
7
  */
8
8
  interface ISegment {
package/dist/components/table-button/index.stories.d.ts CHANGED
@@ -38,7 +38,7 @@ declare const SpecialButtons: {
38
38
  render?: import('storybook/internal/csf').ArgsStoryFn<import('@storybook/react').ReactRenderer, {
39
39
  items: PropsWithChildren<ITableButtonProps>[];
40
40
  }> | undefined;
41
- tags?: import('storybook/internal/csf').Tag[];
41
+ tags?: string[] | undefined;
42
42
  mount?: ((context: import('storybook/internal/csf').StoryContext<import('@storybook/react').ReactRenderer, {
43
43
  items: PropsWithChildren<ITableButtonProps>[];
44
44
  }>) => (ui?: import("react").JSX.Element) => Promise<import('storybook/internal/csf').Canvas>) | undefined;
@@ -47,7 +47,7 @@ declare const SpecialButtons: {
47
47
  play?: import('storybook/internal/csf').PlayFunction<import('@storybook/react').ReactRenderer, {
48
48
  items: PropsWithChildren<ITableButtonProps>[];
49
49
  }> | undefined;
50
- globals?: import('storybook/internal/csf').Globals | undefined;
50
+ globals?: Partial<import('storybook/internal/csf').Globals> | undefined;
51
51
  story?: Omit<import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
52
52
  items: PropsWithChildren<ITableButtonProps>[];
53
53
  }, Partial<{
package/dist/components/toggle/index.stories.d.ts CHANGED
@@ -620,12 +620,12 @@ declare const Default: {
620
620
  beforeEach?: import('storybook/internal/csf').BeforeEach<import('@storybook/react').ReactRenderer, IToggleProps> | import('storybook/internal/csf').BeforeEach<import('@storybook/react').ReactRenderer, IToggleProps>[] | undefined;
621
621
  afterEach?: import('storybook/internal/csf').AfterEach<import('@storybook/react').ReactRenderer, IToggleProps> | import('storybook/internal/csf').AfterEach<import('@storybook/react').ReactRenderer, IToggleProps>[] | undefined;
622
622
  render?: import('storybook/internal/csf').ArgsStoryFn<import('@storybook/react').ReactRenderer, IToggleProps> | undefined;
623
- tags?: import('storybook/internal/csf').Tag[];
623
+ tags?: string[] | undefined;
624
624
  mount?: ((context: import('storybook/internal/csf').StoryContext<import('@storybook/react').ReactRenderer, IToggleProps>) => (ui?: import("react").JSX.Element) => Promise<import('storybook/internal/csf').Canvas>) | undefined;
625
625
  name?: import('storybook/internal/csf').StoryName;
626
626
  storyName?: import('storybook/internal/csf').StoryName;
627
627
  play?: import('storybook/internal/csf').PlayFunction<import('@storybook/react').ReactRenderer, IToggleProps> | undefined;
628
- globals?: import('storybook/internal/csf').Globals | undefined;
628
+ globals?: Partial<import('storybook/internal/csf').Globals> | undefined;
629
629
  story?: Omit<import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, IToggleProps, Partial<IToggleProps>>, "story"> | undefined;
630
630
  };
631
631
  declare const WithInnerIcon: {
@@ -665,7 +665,7 @@ declare const WithInnerIcon: {
665
665
  render?: import('storybook/internal/csf').ArgsStoryFn<import('@storybook/react').ReactRenderer, {
666
666
  itemsProps: IToggleProps[];
667
667
  }> | undefined;
668
- tags?: import('storybook/internal/csf').Tag[];
668
+ tags?: string[] | undefined;
669
669
  mount?: ((context: import('storybook/internal/csf').StoryContext<import('@storybook/react').ReactRenderer, {
670
670
  itemsProps: IToggleProps[];
671
671
  }>) => (ui?: import("react").JSX.Element) => Promise<import('storybook/internal/csf').Canvas>) | undefined;
@@ -674,7 +674,7 @@ declare const WithInnerIcon: {
674
674
  play?: import('storybook/internal/csf').PlayFunction<import('@storybook/react').ReactRenderer, {
675
675
  itemsProps: IToggleProps[];
676
676
  }> | undefined;
677
- globals?: import('storybook/internal/csf').Globals | undefined;
677
+ globals?: Partial<import('storybook/internal/csf').Globals> | undefined;
678
678
  story?: Omit<import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
679
679
  itemsProps: IToggleProps[];
680
680
  }, Partial<{
@@ -722,7 +722,7 @@ declare const WithInnerText: {
722
722
  render?: import('storybook/internal/csf').ArgsStoryFn<import('@storybook/react').ReactRenderer, {
723
723
  itemsProps: IToggleProps[];
724
724
  }> | undefined;
725
- tags?: import('storybook/internal/csf').Tag[];
725
+ tags?: string[] | undefined;
726
726
  mount?: ((context: import('storybook/internal/csf').StoryContext<import('@storybook/react').ReactRenderer, {
727
727
  itemsProps: IToggleProps[];
728
728
  }>) => (ui?: import("react").JSX.Element) => Promise<import('storybook/internal/csf').Canvas>) | undefined;
@@ -731,7 +731,7 @@ declare const WithInnerText: {
731
731
  play?: import('storybook/internal/csf').PlayFunction<import('@storybook/react').ReactRenderer, {
732
732
  itemsProps: IToggleProps[];
733
733
  }> | undefined;
734
- globals?: import('storybook/internal/csf').Globals | undefined;
734
+ globals?: Partial<import('storybook/internal/csf').Globals> | undefined;
735
735
  story?: Omit<import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
736
736
  itemsProps: IToggleProps[];
737
737
  }, Partial<{
@@ -790,7 +790,7 @@ declare const WithExternalLabel: {
790
790
  render?: import('storybook/internal/csf').ArgsStoryFn<import('@storybook/react').ReactRenderer, {
791
791
  itemsProps: IToggleProps[];
792
792
  }> | undefined;
793
- tags?: import('storybook/internal/csf').Tag[];
793
+ tags?: string[] | undefined;
794
794
  mount?: ((context: import('storybook/internal/csf').StoryContext<import('@storybook/react').ReactRenderer, {
795
795
  itemsProps: IToggleProps[];
796
796
  }>) => (ui?: import("react").JSX.Element) => Promise<import('storybook/internal/csf').Canvas>) | undefined;
@@ -799,7 +799,7 @@ declare const WithExternalLabel: {
799
799
  play?: import('storybook/internal/csf').PlayFunction<import('@storybook/react').ReactRenderer, {
800
800
  itemsProps: IToggleProps[];
801
801
  }> | undefined;
802
- globals?: import('storybook/internal/csf').Globals | undefined;
802
+ globals?: Partial<import('storybook/internal/csf').Globals> | undefined;
803
803
  story?: Omit<import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
804
804
  itemsProps: IToggleProps[];
805
805
  }, Partial<{
package/package.json CHANGED
@@ -29,11 +29,11 @@
29
29
  },
30
30
  "description": "Fluid Attacks core components library",
31
31
  "devDependencies": {
32
- "@storybook/addon-a11y": "10.4.1",
33
- "@storybook/addon-docs": "10.4.1",
34
- "@storybook/addon-links": "10.4.1",
35
- "@storybook/addon-vitest": "10.4.1",
36
- "@storybook/react-vite": "10.4.1",
32
+ "@storybook/addon-a11y": "10.6.2",
33
+ "@storybook/addon-docs": "10.6.2",
34
+ "@storybook/addon-links": "10.6.2",
35
+ "@storybook/addon-vitest": "10.6.2",
36
+ "@storybook/react-vite": "10.6.2",
37
37
  "@tailwindcss/vite": "4.3.0",
38
38
  "@testing-library/react": "16.3.1",
39
39
  "@types/node": "25.9.1",
@@ -55,7 +55,7 @@
55
55
  "eslint-plugin-project-structure": "3.0.1",
56
56
  "eslint-plugin-react": "7.37.4",
57
57
  "eslint-plugin-react-hooks": "7.1.1",
58
- "eslint-plugin-storybook": "10.4.0",
58
+ "eslint-plugin-storybook": "10.6.2",
59
59
  "jsdom": "27.4.0",
60
60
  "next": "16.3.8",
61
61
  "playwright": "1.60.0",
@@ -64,13 +64,13 @@
64
64
  "react-router": "7.18.2",
65
65
  "remark-gfm": "4.0.0",
66
66
  "rollup-plugin-visualizer": "5.14.0",
67
- "storybook": "10.4.1",
67
+ "storybook": "10.6.2",
68
68
  "stylelint": "16.14.1",
69
69
  "stylelint-config-standard": "37.0.0",
70
70
  "tailwindcss": "4.3.0",
71
71
  "typescript": "6.0.3",
72
72
  "typescript-eslint": "8.59.4",
73
- "vite": "6.4.3",
73
+ "vite": "6.4.4",
74
74
  "vite-plugin-dts": "5.0.3",
75
75
  "vite-plugin-lib-inject-css": "2.2.2",
76
76
  "vitest": "4.1.11"
@@ -135,5 +135,5 @@
135
135
  "./dist/index.js"
136
136
  ],
137
137
  "typings": "./dist/index.d.ts",
138
- "version": "9.5.0"
138
+ "version": "9.5.1"
139
139
  }