@cupra/ui-kit 2.0.0-canary.138 → 2.0.0-canary.140

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 (45) hide show
  1. package/dist/cjs/components/ds-currency/ds-currency.cjs +4 -2
  2. package/dist/cjs/components/ds-currency/styles/common.styles.cjs +9 -0
  3. package/dist/cjs/components/ds-secondary-navigation/ds-secondary-navigation.cjs +22 -23
  4. package/dist/cjs/components/ds-theme-provider/ds-theme-provider.cjs +1 -1
  5. package/dist/cjs/decorators/customUiKitElement.cjs +1 -1
  6. package/dist/cjs/utils/IconsManager.cjs +1 -1
  7. package/dist/cjs/utils/PubSub.cjs +1 -1
  8. package/dist/cjs/utils/StylesRegistry/StylesRegistry.cjs +1 -1
  9. package/dist/cjs/utils/version.cjs +1 -1
  10. package/dist/esm/components/ds-currency/ds-currency.js +9 -3
  11. package/dist/esm/components/ds-currency/styles/common.styles.js +9 -0
  12. package/dist/esm/components/ds-secondary-navigation/ds-secondary-navigation.js +75 -42
  13. package/dist/esm/components/ds-theme-provider/ds-theme-provider.js +1 -1
  14. package/dist/esm/decorators/customUiKitElement.js +1 -1
  15. package/dist/esm/utils/IconsManager.js +1 -1
  16. package/dist/esm/utils/PubSub.js +1 -1
  17. package/dist/esm/utils/StylesRegistry/StylesRegistry.js +1 -1
  18. package/dist/esm/utils/version.js +1 -1
  19. package/dist/types/components/ds-currency/ds-currency.d.ts +1 -0
  20. package/dist/types/components/ds-currency/ds-currency.types.d.ts +1 -0
  21. package/dist/types/components/ds-secondary-navigation/ds-secondary-navigation.d.ts +9 -6
  22. package/dist/types/components/ds-secondary-navigation/ds-secondary-navigation.types.d.ts +5 -3
  23. package/dist-react/cjs/components/ds-currency/ds-currency.cjs +4 -2
  24. package/dist-react/cjs/components/ds-currency/styles/common.styles.cjs +9 -0
  25. package/dist-react/cjs/components/ds-secondary-navigation/ds-secondary-navigation.cjs +22 -23
  26. package/dist-react/cjs/components/ds-theme-provider/ds-theme-provider.cjs +1 -1
  27. package/dist-react/cjs/decorators/customUiKitElement.cjs +1 -1
  28. package/dist-react/cjs/utils/IconsManager.cjs +1 -1
  29. package/dist-react/cjs/utils/PubSub.cjs +1 -1
  30. package/dist-react/cjs/utils/StylesRegistry/StylesRegistry.cjs +1 -1
  31. package/dist-react/cjs/utils/version.cjs +1 -1
  32. package/dist-react/esm/components/ds-currency/ds-currency.js +9 -3
  33. package/dist-react/esm/components/ds-currency/styles/common.styles.js +9 -0
  34. package/dist-react/esm/components/ds-secondary-navigation/ds-secondary-navigation.js +75 -42
  35. package/dist-react/esm/components/ds-theme-provider/ds-theme-provider.js +1 -1
  36. package/dist-react/esm/decorators/customUiKitElement.js +1 -1
  37. package/dist-react/esm/utils/IconsManager.js +1 -1
  38. package/dist-react/esm/utils/PubSub.js +1 -1
  39. package/dist-react/esm/utils/StylesRegistry/StylesRegistry.js +1 -1
  40. package/dist-react/esm/utils/version.js +1 -1
  41. package/dist-react/types/components/ds-currency/ds-currency.d.ts +1 -0
  42. package/dist-react/types/components/ds-currency/ds-currency.types.d.ts +1 -0
  43. package/dist-react/types/components/ds-secondary-navigation/ds-secondary-navigation.d.ts +9 -6
  44. package/dist-react/types/components/ds-secondary-navigation/ds-secondary-navigation.types.d.ts +5 -3
  45. package/package.json +1 -1
@@ -1,21 +1,26 @@
1
1
  import { UiKitElement } from '../base/UiKitElement.ts';
2
+ import '../ds-button/ds-button.ts';
2
3
  import '../ds-icon-button/ds-icon-button.ts';
3
4
  import '../ds-icon/ds-icon.ts';
4
5
  import { type PropertyValues } from 'lit';
5
- import type { ActionsMode, DsSecondaryNavigationAttrs, ItemsMode } from './ds-secondary-navigation.types';
6
+ import type { DsSecondaryNavigationAttrs } from './ds-secondary-navigation.types';
6
7
  declare const DsSecondaryNavigation_base: (new (...args: any[]) => import("../../mixins/ViewportMixin.ts").ViewportInterface) & typeof UiKitElement;
7
8
  export declare class DsSecondaryNavigation extends DsSecondaryNavigation_base {
8
9
  static styles: import("lit").CSSResult[];
9
10
  dropdownButtonText: DsSecondaryNavigationAttrs['dropdown-button-text'];
10
11
  selectedIndex: DsSecondaryNavigationAttrs['selected-index'];
11
- textTransform: DsSecondaryNavigationAttrs['text-transform'];
12
12
  keepDropdownButtonText: DsSecondaryNavigationAttrs['keep-dropdown-button-text'];
13
- itemsMode: ItemsMode;
14
- actionsMode: ActionsMode;
13
+ itemsMode: string;
14
+ actionsMode: string;
15
15
  private openItems;
16
16
  private openCtas;
17
17
  private hasScrollLeft;
18
18
  private hasScrollRight;
19
+ private static readonly RESPONSIVE_BUTTON_SIZE;
20
+ private static readonly VIEWPORT_ORDER;
21
+ private static resolveResponsive;
22
+ private get resolvedItemsMode();
23
+ private get resolvedActionsMode();
19
24
  private items;
20
25
  private ctas;
21
26
  private itemsContainer;
@@ -34,7 +39,6 @@ export declare class DsSecondaryNavigation extends DsSecondaryNavigation_base {
34
39
  private updateSelectedItem;
35
40
  private updateCtas;
36
41
  private handleItemClick;
37
- private get textTransformStyle();
38
42
  private get shouldShowItemsInline();
39
43
  private get shouldShowItemsDropdownButton();
40
44
  private get shouldShowActionsInline();
@@ -43,7 +47,6 @@ export declare class DsSecondaryNavigation extends DsSecondaryNavigation_base {
43
47
  private get itemsTemplate();
44
48
  private get actionsTemplate();
45
49
  protected get iconTemplate(): import("lit").HTMLTemplateResult;
46
- protected get listIconTemplate(): import("lit").HTMLTemplateResult;
47
50
  private get itemsDropdownButtonTemplate();
48
51
  private get itemsDropdownTemplate();
49
52
  private get actionsDropdownButtonTemplate();
@@ -1,11 +1,13 @@
1
1
  import { CommonAttrs } from '../../types/types';
2
2
  export type ItemsMode = 'auto' | 'inline' | 'select' | 'icon-button';
3
3
  export type ActionsMode = 'auto' | 'inline' | 'dropdown';
4
+ export type ViewportKey = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
5
+ export type ResponsiveItemsMode = Partial<Record<ViewportKey, ItemsMode>>;
6
+ export type ResponsiveActionsMode = Partial<Record<ViewportKey, ActionsMode>>;
4
7
  export type DsSecondaryNavigationAttrs = {
5
8
  'dropdown-button-text'?: string;
6
9
  'selected-index'?: number;
7
- 'text-transform'?: string;
8
10
  'keep-dropdown-button-text'?: boolean;
9
- 'items-mode'?: ItemsMode;
10
- 'actions-mode'?: ActionsMode;
11
+ 'items-mode'?: ItemsMode | string;
12
+ 'actions-mode'?: ActionsMode | string;
11
13
  } & CommonAttrs;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cupra/ui-kit",
3
- "version": "2.0.0-canary.138",
3
+ "version": "2.0.0-canary.140",
4
4
  "description": "Web components library",
5
5
  "author": "SEAT S.A.",
6
6
  "license": "SEAT S.A. Library EULA 1.0",