@carbon-labs/react-animated-header 0.22.0 → 0.23.0

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 (4) hide show
  1. package/es/__stories__/AnimatedHeader.stories.d.ts +0 -332
  2. package/lib/__stories__/AnimatedHeader.stories.d.ts +0 -332
  3. package/package.json +2 -2
  4. package/scss/AnimatedHeader/animated-header.scss +14 -56
package/es/__stories__/AnimatedHeader.stories.d.ts CHANGED
@@ -8247,8 +8247,6 @@ export declare const ThemeG10: {
8247
8247
  5: string;
8248
8248
  6: string;
8249
8249
  7: string;
8250
- 8: string;
8251
- 9: string;
8252
8250
  };
8253
8251
  };
8254
8252
  options: number[];
@@ -8828,170 +8826,6 @@ export declare const ThemeG10: {
8828
8826
  customContent: import("react/jsx-runtime").JSX.Element;
8829
8827
  }[];
8830
8828
  };
8831
- 8: {
8832
- id: number;
8833
- label: string;
8834
- tiles: ({
8835
- id: string;
8836
- href: string;
8837
- title: string;
8838
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8839
- subtitle?: undefined;
8840
- } | {
8841
- id: string;
8842
- href: string;
8843
- title: string;
8844
- subtitle: string;
8845
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8846
- })[];
8847
- } | {
8848
- id: number;
8849
- label: string;
8850
- tiles: ({
8851
- id: string;
8852
- href: string;
8853
- title: string;
8854
- subtitle: string;
8855
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8856
- secondaryIcon?: undefined;
8857
- } | {
8858
- id: string;
8859
- href: string;
8860
- title: string;
8861
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8862
- secondaryIcon: import("@carbon/icons-react").CarbonIconType;
8863
- subtitle?: undefined;
8864
- })[];
8865
- } | {
8866
- id: number;
8867
- label: string;
8868
- tiles: ({
8869
- id: string;
8870
- href: string;
8871
- title: string;
8872
- subtitle: string;
8873
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8874
- isLoading: boolean;
8875
- isDisabled?: undefined;
8876
- secondaryIcon?: undefined;
8877
- } | {
8878
- id: string;
8879
- title: string;
8880
- subtitle: string;
8881
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8882
- href?: undefined;
8883
- isLoading?: undefined;
8884
- isDisabled?: undefined;
8885
- secondaryIcon?: undefined;
8886
- } | {
8887
- id: string;
8888
- href: string;
8889
- title: string;
8890
- subtitle: string;
8891
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8892
- isDisabled: boolean;
8893
- isLoading?: undefined;
8894
- secondaryIcon?: undefined;
8895
- } | {
8896
- id: string;
8897
- href: string;
8898
- title: string;
8899
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8900
- secondaryIcon: import("@carbon/icons-react").CarbonIconType;
8901
- subtitle?: undefined;
8902
- isLoading?: undefined;
8903
- isDisabled?: undefined;
8904
- })[];
8905
- } | {
8906
- id: number;
8907
- label: string;
8908
- tiles: {
8909
- id: string;
8910
- customContent: import("react/jsx-runtime").JSX.Element;
8911
- }[];
8912
- };
8913
- 9: {
8914
- id: number;
8915
- label: string;
8916
- tiles: ({
8917
- id: string;
8918
- href: string;
8919
- title: string;
8920
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8921
- subtitle?: undefined;
8922
- } | {
8923
- id: string;
8924
- href: string;
8925
- title: string;
8926
- subtitle: string;
8927
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8928
- })[];
8929
- } | {
8930
- id: number;
8931
- label: string;
8932
- tiles: ({
8933
- id: string;
8934
- href: string;
8935
- title: string;
8936
- subtitle: string;
8937
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8938
- secondaryIcon?: undefined;
8939
- } | {
8940
- id: string;
8941
- href: string;
8942
- title: string;
8943
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8944
- secondaryIcon: import("@carbon/icons-react").CarbonIconType;
8945
- subtitle?: undefined;
8946
- })[];
8947
- } | {
8948
- id: number;
8949
- label: string;
8950
- tiles: ({
8951
- id: string;
8952
- href: string;
8953
- title: string;
8954
- subtitle: string;
8955
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8956
- isLoading: boolean;
8957
- isDisabled?: undefined;
8958
- secondaryIcon?: undefined;
8959
- } | {
8960
- id: string;
8961
- title: string;
8962
- subtitle: string;
8963
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8964
- href?: undefined;
8965
- isLoading?: undefined;
8966
- isDisabled?: undefined;
8967
- secondaryIcon?: undefined;
8968
- } | {
8969
- id: string;
8970
- href: string;
8971
- title: string;
8972
- subtitle: string;
8973
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8974
- isDisabled: boolean;
8975
- isLoading?: undefined;
8976
- secondaryIcon?: undefined;
8977
- } | {
8978
- id: string;
8979
- href: string;
8980
- title: string;
8981
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8982
- secondaryIcon: import("@carbon/icons-react").CarbonIconType;
8983
- subtitle?: undefined;
8984
- isLoading?: undefined;
8985
- isDisabled?: undefined;
8986
- })[];
8987
- } | {
8988
- id: number;
8989
- label: string;
8990
- tiles: {
8991
- id: string;
8992
- customContent: import("react/jsx-runtime").JSX.Element;
8993
- }[];
8994
- };
8995
8829
  };
8996
8830
  };
8997
8831
  tasksControllerConfig: {
@@ -17588,8 +17422,6 @@ export declare const ThemeG100: {
17588
17422
  5: string;
17589
17423
  6: string;
17590
17424
  7: string;
17591
- 8: string;
17592
- 9: string;
17593
17425
  };
17594
17426
  };
17595
17427
  options: number[];
@@ -18169,170 +18001,6 @@ export declare const ThemeG100: {
18169
18001
  customContent: import("react/jsx-runtime").JSX.Element;
18170
18002
  }[];
18171
18003
  };
18172
- 8: {
18173
- id: number;
18174
- label: string;
18175
- tiles: ({
18176
- id: string;
18177
- href: string;
18178
- title: string;
18179
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18180
- subtitle?: undefined;
18181
- } | {
18182
- id: string;
18183
- href: string;
18184
- title: string;
18185
- subtitle: string;
18186
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18187
- })[];
18188
- } | {
18189
- id: number;
18190
- label: string;
18191
- tiles: ({
18192
- id: string;
18193
- href: string;
18194
- title: string;
18195
- subtitle: string;
18196
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18197
- secondaryIcon?: undefined;
18198
- } | {
18199
- id: string;
18200
- href: string;
18201
- title: string;
18202
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18203
- secondaryIcon: import("@carbon/icons-react").CarbonIconType;
18204
- subtitle?: undefined;
18205
- })[];
18206
- } | {
18207
- id: number;
18208
- label: string;
18209
- tiles: ({
18210
- id: string;
18211
- href: string;
18212
- title: string;
18213
- subtitle: string;
18214
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18215
- isLoading: boolean;
18216
- isDisabled?: undefined;
18217
- secondaryIcon?: undefined;
18218
- } | {
18219
- id: string;
18220
- title: string;
18221
- subtitle: string;
18222
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18223
- href?: undefined;
18224
- isLoading?: undefined;
18225
- isDisabled?: undefined;
18226
- secondaryIcon?: undefined;
18227
- } | {
18228
- id: string;
18229
- href: string;
18230
- title: string;
18231
- subtitle: string;
18232
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18233
- isDisabled: boolean;
18234
- isLoading?: undefined;
18235
- secondaryIcon?: undefined;
18236
- } | {
18237
- id: string;
18238
- href: string;
18239
- title: string;
18240
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18241
- secondaryIcon: import("@carbon/icons-react").CarbonIconType;
18242
- subtitle?: undefined;
18243
- isLoading?: undefined;
18244
- isDisabled?: undefined;
18245
- })[];
18246
- } | {
18247
- id: number;
18248
- label: string;
18249
- tiles: {
18250
- id: string;
18251
- customContent: import("react/jsx-runtime").JSX.Element;
18252
- }[];
18253
- };
18254
- 9: {
18255
- id: number;
18256
- label: string;
18257
- tiles: ({
18258
- id: string;
18259
- href: string;
18260
- title: string;
18261
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18262
- subtitle?: undefined;
18263
- } | {
18264
- id: string;
18265
- href: string;
18266
- title: string;
18267
- subtitle: string;
18268
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18269
- })[];
18270
- } | {
18271
- id: number;
18272
- label: string;
18273
- tiles: ({
18274
- id: string;
18275
- href: string;
18276
- title: string;
18277
- subtitle: string;
18278
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18279
- secondaryIcon?: undefined;
18280
- } | {
18281
- id: string;
18282
- href: string;
18283
- title: string;
18284
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18285
- secondaryIcon: import("@carbon/icons-react").CarbonIconType;
18286
- subtitle?: undefined;
18287
- })[];
18288
- } | {
18289
- id: number;
18290
- label: string;
18291
- tiles: ({
18292
- id: string;
18293
- href: string;
18294
- title: string;
18295
- subtitle: string;
18296
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18297
- isLoading: boolean;
18298
- isDisabled?: undefined;
18299
- secondaryIcon?: undefined;
18300
- } | {
18301
- id: string;
18302
- title: string;
18303
- subtitle: string;
18304
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18305
- href?: undefined;
18306
- isLoading?: undefined;
18307
- isDisabled?: undefined;
18308
- secondaryIcon?: undefined;
18309
- } | {
18310
- id: string;
18311
- href: string;
18312
- title: string;
18313
- subtitle: string;
18314
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18315
- isDisabled: boolean;
18316
- isLoading?: undefined;
18317
- secondaryIcon?: undefined;
18318
- } | {
18319
- id: string;
18320
- href: string;
18321
- title: string;
18322
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18323
- secondaryIcon: import("@carbon/icons-react").CarbonIconType;
18324
- subtitle?: undefined;
18325
- isLoading?: undefined;
18326
- isDisabled?: undefined;
18327
- })[];
18328
- } | {
18329
- id: number;
18330
- label: string;
18331
- tiles: {
18332
- id: string;
18333
- customContent: import("react/jsx-runtime").JSX.Element;
18334
- }[];
18335
- };
18336
18004
  };
18337
18005
  };
18338
18006
  tasksControllerConfig: {
package/lib/__stories__/AnimatedHeader.stories.d.ts CHANGED
@@ -8247,8 +8247,6 @@ export declare const ThemeG10: {
8247
8247
  5: string;
8248
8248
  6: string;
8249
8249
  7: string;
8250
- 8: string;
8251
- 9: string;
8252
8250
  };
8253
8251
  };
8254
8252
  options: number[];
@@ -8828,170 +8826,6 @@ export declare const ThemeG10: {
8828
8826
  customContent: import("react/jsx-runtime").JSX.Element;
8829
8827
  }[];
8830
8828
  };
8831
- 8: {
8832
- id: number;
8833
- label: string;
8834
- tiles: ({
8835
- id: string;
8836
- href: string;
8837
- title: string;
8838
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8839
- subtitle?: undefined;
8840
- } | {
8841
- id: string;
8842
- href: string;
8843
- title: string;
8844
- subtitle: string;
8845
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8846
- })[];
8847
- } | {
8848
- id: number;
8849
- label: string;
8850
- tiles: ({
8851
- id: string;
8852
- href: string;
8853
- title: string;
8854
- subtitle: string;
8855
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8856
- secondaryIcon?: undefined;
8857
- } | {
8858
- id: string;
8859
- href: string;
8860
- title: string;
8861
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8862
- secondaryIcon: import("@carbon/icons-react").CarbonIconType;
8863
- subtitle?: undefined;
8864
- })[];
8865
- } | {
8866
- id: number;
8867
- label: string;
8868
- tiles: ({
8869
- id: string;
8870
- href: string;
8871
- title: string;
8872
- subtitle: string;
8873
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8874
- isLoading: boolean;
8875
- isDisabled?: undefined;
8876
- secondaryIcon?: undefined;
8877
- } | {
8878
- id: string;
8879
- title: string;
8880
- subtitle: string;
8881
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8882
- href?: undefined;
8883
- isLoading?: undefined;
8884
- isDisabled?: undefined;
8885
- secondaryIcon?: undefined;
8886
- } | {
8887
- id: string;
8888
- href: string;
8889
- title: string;
8890
- subtitle: string;
8891
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8892
- isDisabled: boolean;
8893
- isLoading?: undefined;
8894
- secondaryIcon?: undefined;
8895
- } | {
8896
- id: string;
8897
- href: string;
8898
- title: string;
8899
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8900
- secondaryIcon: import("@carbon/icons-react").CarbonIconType;
8901
- subtitle?: undefined;
8902
- isLoading?: undefined;
8903
- isDisabled?: undefined;
8904
- })[];
8905
- } | {
8906
- id: number;
8907
- label: string;
8908
- tiles: {
8909
- id: string;
8910
- customContent: import("react/jsx-runtime").JSX.Element;
8911
- }[];
8912
- };
8913
- 9: {
8914
- id: number;
8915
- label: string;
8916
- tiles: ({
8917
- id: string;
8918
- href: string;
8919
- title: string;
8920
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8921
- subtitle?: undefined;
8922
- } | {
8923
- id: string;
8924
- href: string;
8925
- title: string;
8926
- subtitle: string;
8927
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8928
- })[];
8929
- } | {
8930
- id: number;
8931
- label: string;
8932
- tiles: ({
8933
- id: string;
8934
- href: string;
8935
- title: string;
8936
- subtitle: string;
8937
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8938
- secondaryIcon?: undefined;
8939
- } | {
8940
- id: string;
8941
- href: string;
8942
- title: string;
8943
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8944
- secondaryIcon: import("@carbon/icons-react").CarbonIconType;
8945
- subtitle?: undefined;
8946
- })[];
8947
- } | {
8948
- id: number;
8949
- label: string;
8950
- tiles: ({
8951
- id: string;
8952
- href: string;
8953
- title: string;
8954
- subtitle: string;
8955
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8956
- isLoading: boolean;
8957
- isDisabled?: undefined;
8958
- secondaryIcon?: undefined;
8959
- } | {
8960
- id: string;
8961
- title: string;
8962
- subtitle: string;
8963
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8964
- href?: undefined;
8965
- isLoading?: undefined;
8966
- isDisabled?: undefined;
8967
- secondaryIcon?: undefined;
8968
- } | {
8969
- id: string;
8970
- href: string;
8971
- title: string;
8972
- subtitle: string;
8973
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8974
- isDisabled: boolean;
8975
- isLoading?: undefined;
8976
- secondaryIcon?: undefined;
8977
- } | {
8978
- id: string;
8979
- href: string;
8980
- title: string;
8981
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8982
- secondaryIcon: import("@carbon/icons-react").CarbonIconType;
8983
- subtitle?: undefined;
8984
- isLoading?: undefined;
8985
- isDisabled?: undefined;
8986
- })[];
8987
- } | {
8988
- id: number;
8989
- label: string;
8990
- tiles: {
8991
- id: string;
8992
- customContent: import("react/jsx-runtime").JSX.Element;
8993
- }[];
8994
- };
8995
8829
  };
8996
8830
  };
8997
8831
  tasksControllerConfig: {
@@ -17588,8 +17422,6 @@ export declare const ThemeG100: {
17588
17422
  5: string;
17589
17423
  6: string;
17590
17424
  7: string;
17591
- 8: string;
17592
- 9: string;
17593
17425
  };
17594
17426
  };
17595
17427
  options: number[];
@@ -18169,170 +18001,6 @@ export declare const ThemeG100: {
18169
18001
  customContent: import("react/jsx-runtime").JSX.Element;
18170
18002
  }[];
18171
18003
  };
18172
- 8: {
18173
- id: number;
18174
- label: string;
18175
- tiles: ({
18176
- id: string;
18177
- href: string;
18178
- title: string;
18179
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18180
- subtitle?: undefined;
18181
- } | {
18182
- id: string;
18183
- href: string;
18184
- title: string;
18185
- subtitle: string;
18186
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18187
- })[];
18188
- } | {
18189
- id: number;
18190
- label: string;
18191
- tiles: ({
18192
- id: string;
18193
- href: string;
18194
- title: string;
18195
- subtitle: string;
18196
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18197
- secondaryIcon?: undefined;
18198
- } | {
18199
- id: string;
18200
- href: string;
18201
- title: string;
18202
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18203
- secondaryIcon: import("@carbon/icons-react").CarbonIconType;
18204
- subtitle?: undefined;
18205
- })[];
18206
- } | {
18207
- id: number;
18208
- label: string;
18209
- tiles: ({
18210
- id: string;
18211
- href: string;
18212
- title: string;
18213
- subtitle: string;
18214
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18215
- isLoading: boolean;
18216
- isDisabled?: undefined;
18217
- secondaryIcon?: undefined;
18218
- } | {
18219
- id: string;
18220
- title: string;
18221
- subtitle: string;
18222
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18223
- href?: undefined;
18224
- isLoading?: undefined;
18225
- isDisabled?: undefined;
18226
- secondaryIcon?: undefined;
18227
- } | {
18228
- id: string;
18229
- href: string;
18230
- title: string;
18231
- subtitle: string;
18232
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18233
- isDisabled: boolean;
18234
- isLoading?: undefined;
18235
- secondaryIcon?: undefined;
18236
- } | {
18237
- id: string;
18238
- href: string;
18239
- title: string;
18240
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18241
- secondaryIcon: import("@carbon/icons-react").CarbonIconType;
18242
- subtitle?: undefined;
18243
- isLoading?: undefined;
18244
- isDisabled?: undefined;
18245
- })[];
18246
- } | {
18247
- id: number;
18248
- label: string;
18249
- tiles: {
18250
- id: string;
18251
- customContent: import("react/jsx-runtime").JSX.Element;
18252
- }[];
18253
- };
18254
- 9: {
18255
- id: number;
18256
- label: string;
18257
- tiles: ({
18258
- id: string;
18259
- href: string;
18260
- title: string;
18261
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18262
- subtitle?: undefined;
18263
- } | {
18264
- id: string;
18265
- href: string;
18266
- title: string;
18267
- subtitle: string;
18268
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18269
- })[];
18270
- } | {
18271
- id: number;
18272
- label: string;
18273
- tiles: ({
18274
- id: string;
18275
- href: string;
18276
- title: string;
18277
- subtitle: string;
18278
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18279
- secondaryIcon?: undefined;
18280
- } | {
18281
- id: string;
18282
- href: string;
18283
- title: string;
18284
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18285
- secondaryIcon: import("@carbon/icons-react").CarbonIconType;
18286
- subtitle?: undefined;
18287
- })[];
18288
- } | {
18289
- id: number;
18290
- label: string;
18291
- tiles: ({
18292
- id: string;
18293
- href: string;
18294
- title: string;
18295
- subtitle: string;
18296
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18297
- isLoading: boolean;
18298
- isDisabled?: undefined;
18299
- secondaryIcon?: undefined;
18300
- } | {
18301
- id: string;
18302
- title: string;
18303
- subtitle: string;
18304
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18305
- href?: undefined;
18306
- isLoading?: undefined;
18307
- isDisabled?: undefined;
18308
- secondaryIcon?: undefined;
18309
- } | {
18310
- id: string;
18311
- href: string;
18312
- title: string;
18313
- subtitle: string;
18314
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18315
- isDisabled: boolean;
18316
- isLoading?: undefined;
18317
- secondaryIcon?: undefined;
18318
- } | {
18319
- id: string;
18320
- href: string;
18321
- title: string;
18322
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18323
- secondaryIcon: import("@carbon/icons-react").CarbonIconType;
18324
- subtitle?: undefined;
18325
- isLoading?: undefined;
18326
- isDisabled?: undefined;
18327
- })[];
18328
- } | {
18329
- id: number;
18330
- label: string;
18331
- tiles: {
18332
- id: string;
18333
- customContent: import("react/jsx-runtime").JSX.Element;
18334
- }[];
18335
- };
18336
18004
  };
18337
18005
  };
18338
18006
  tasksControllerConfig: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@carbon-labs/react-animated-header",
3
- "version": "0.22.0",
3
+ "version": "0.23.0",
4
4
  "publishConfig": {
5
5
  "access": "public",
6
6
  "provenance": true
@@ -45,5 +45,5 @@
45
45
  "devDependencies": {
46
46
  "@carbon-labs/utilities": "canary"
47
47
  },
48
- "gitHead": "9a7e0911865b850569e3832039d1860ffebd2533"
48
+ "gitHead": "c070b06fa3f0d11a10ec89a0deeb4f95a8d8db91"
49
49
  }
package/scss/AnimatedHeader/animated-header.scss CHANGED
@@ -276,11 +276,13 @@ body {
276
276
  display: flex;
277
277
  flex-direction: column;
278
278
  margin: 0;
279
+ margin-block-start: $spacing-08;
279
280
  opacity: 1;
280
281
  transition: opacity 500ms linear;
281
282
  }
282
283
 
283
284
  .#{$prefix}__workspace--container {
285
+ margin-block-start: calc(-1 * $spacing-08);
284
286
  min-block-size: $spacing-08;
285
287
  opacity: 1;
286
288
  transition: opacity 500ms linear;
@@ -482,34 +484,18 @@ body {
482
484
  margin-block-start: $spacing-06;
483
485
  }
484
486
 
485
- .#{$prefix}__button-collapse--container .cds--popover-container {
486
- display: flex;
487
- }
488
-
489
- .#{$prefix}__tiles-container:has(> :last-child:nth-child(1))
490
- > .#{$prefix}__tile {
491
- inline-size: calc(50% - 16px);
492
- }
493
-
494
- .#{$prefix}__tiles-container:has(> :last-child:nth-child(2))
495
- > .#{$prefix}__tile {
496
- inline-size: calc(50% - 16px);
487
+ .#{$prefix}__workspace--container {
488
+ margin-block-start: 0;
497
489
  }
498
490
 
499
- .#{$prefix}__tiles-container:has(> :last-child:nth-child(3))
500
- > .#{$prefix}__tile {
501
- inline-size: calc(50% - 16px);
491
+ .#{$prefix}__button-collapse--container .cds--popover-container {
492
+ display: flex;
502
493
  }
503
494
 
504
- .#{$prefix}__tiles-container:has(> :last-child:nth-child(4))
505
- > .#{$prefix}__tile {
495
+ .#{$prefix}__tiles-container > .#{$prefix}__tile {
506
496
  inline-size: calc(50% - 16px);
507
497
  }
508
498
 
509
- .#{$prefix}__tiles-container:has(> :nth-child(4)) > .#{$prefix}__tile {
510
- inline-size: calc(33% - 16px);
511
- }
512
-
513
499
  .#{$prefix}__tiles-container:has(> :first-child)
514
500
  > ##{$prefix}__ai-prompt-tile {
515
501
  inline-size: calc(100% - 16px);
@@ -535,30 +521,18 @@ body {
535
521
  }
536
522
 
537
523
  .#{$prefix}__content {
538
- margin-block-start: 0;
524
+ margin-block-start: $spacing-08;
539
525
  }
540
526
 
541
- .#{$prefix}__tiles-container:has(> :last-child:nth-child(1))
542
- > .#{$prefix}__tile {
543
- inline-size: calc(33% - 16px);
544
- }
545
-
546
- .#{$prefix}__tiles-container:has(> :last-child:nth-child(2))
547
- > .#{$prefix}__tile {
548
- inline-size: calc(50% - 16px);
527
+ .#{$prefix}__workspace--container {
528
+ margin-block-start: calc(-1 * $spacing-08);
549
529
  }
550
530
 
551
- .#{$prefix}__tiles-container:has(> :last-child:nth-child(3))
552
- > .#{$prefix}__tile {
553
- inline-size: calc(50% - 16px);
554
- }
555
-
556
- .#{$prefix}__tiles-container:has(> :last-child:nth-child(4))
557
- > .#{$prefix}__tile {
531
+ .#{$prefix}__tiles-container > .#{$prefix}__tile {
558
532
  inline-size: calc(33% - 16px);
559
533
  }
560
534
 
561
- .#{$prefix}__tiles-container:has(> :nth-child(4)) > .#{$prefix}__tile {
535
+ .#{$prefix}__tiles-container:has(> :nth-child(5)) > .#{$prefix}__tile {
562
536
  inline-size: calc(33% - 16px);
563
537
  }
564
538
 
@@ -584,27 +558,11 @@ body {
584
558
  background-size: 89% auto;
585
559
  }
586
560
 
587
- .#{$prefix}__tiles-container:has(> :last-child:nth-child(1))
588
- > .#{$prefix}__tile {
589
- inline-size: calc(25% - 16px);
590
- }
591
-
592
- .#{$prefix}__tiles-container:has(> :last-child:nth-child(2))
593
- > .#{$prefix}__tile {
594
- inline-size: calc(50% - 16px);
595
- }
596
-
597
- .#{$prefix}__tiles-container:has(> :last-child:nth-child(3))
598
- > .#{$prefix}__tile {
599
- inline-size: calc(33% - 16px);
600
- }
601
-
602
- .#{$prefix}__tiles-container:has(> :last-child:nth-child(4))
603
- > .#{$prefix}__tile {
561
+ .#{$prefix}__tiles-container > .#{$prefix}__tile {
604
562
  inline-size: calc(25% - 16px);
605
563
  }
606
564
 
607
- .#{$prefix}__tiles-container:has(> :nth-child(4)) > .#{$prefix}__tile {
565
+ .#{$prefix}__tiles-container:has(> :nth-child(5)) > .#{$prefix}__tile {
608
566
  inline-size: calc(25% - 16px);
609
567
  }
610
568