@luscii-healthtech/web-ui 0.1.22 → 0.1.25

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 (85) hide show
  1. package/dist/components/ButtonV2/ButtonV2.d.ts +0 -2
  2. package/dist/components/ButtonV2/PrimaryButton.d.ts +1 -2
  3. package/dist/components/ButtonV2/SecondaryButton.d.ts +1 -0
  4. package/dist/components/ButtonV2/TertiaryButton.d.ts +1 -0
  5. package/dist/components/Icons/AlertsIcon.d.ts +2 -5
  6. package/dist/components/Icons/BellIcon.d.ts +2 -5
  7. package/dist/components/Icons/ChatBoxIcon.d.ts +3 -0
  8. package/dist/components/Icons/CheckIcon.d.ts +2 -1
  9. package/dist/components/Icons/ChevronDoubleIcon.d.ts +3 -0
  10. package/dist/components/Icons/CrossIcon.d.ts +1 -5
  11. package/dist/components/Icons/DeleteIcon.d.ts +2 -5
  12. package/dist/components/Icons/DownArrowIcon.d.ts +2 -5
  13. package/dist/components/Icons/EditIcon.d.ts +2 -5
  14. package/dist/components/Icons/ExclamationMarkIcon.d.ts +2 -5
  15. package/dist/components/Icons/HamburgerIcon.d.ts +3 -0
  16. package/dist/components/Icons/HeartIcon.d.ts +2 -5
  17. package/dist/components/Icons/LeftArrowIcon.d.ts +2 -5
  18. package/dist/components/Icons/LightBulbIcon.d.ts +2 -5
  19. package/dist/components/Icons/LockIcon.d.ts +2 -5
  20. package/dist/components/Icons/MessagesIcon.d.ts +2 -5
  21. package/dist/components/Icons/NotesIcon.d.ts +2 -5
  22. package/dist/components/Icons/PinIcon.d.ts +2 -5
  23. package/dist/components/Icons/RightArrowIcon.d.ts +2 -5
  24. package/dist/components/Icons/SearchCancelIcon.d.ts +3 -0
  25. package/dist/components/Icons/SearchIcon.d.ts +3 -0
  26. package/dist/components/Icons/SmallCircleIcon.d.ts +2 -5
  27. package/dist/components/Icons/SmallDiamondIcon.d.ts +2 -5
  28. package/dist/components/Icons/SmallSquareIcon.d.ts +2 -5
  29. package/dist/components/Icons/SpaceRocketIcon.d.ts +2 -5
  30. package/dist/components/Icons/StarIcon.d.ts +3 -0
  31. package/dist/components/Icons/types/IconProps.type.d.ts +1 -0
  32. package/dist/index.d.ts +35 -2
  33. package/dist/web-ui.cjs.development.css +39 -39
  34. package/dist/web-ui.cjs.development.js +931 -79
  35. package/dist/web-ui.cjs.development.js.map +1 -1
  36. package/dist/web-ui.cjs.production.min.css +39 -39
  37. package/dist/web-ui.cjs.production.min.js +1 -1
  38. package/dist/web-ui.cjs.production.min.js.map +1 -1
  39. package/dist/web-ui.esm.css +39 -39
  40. package/dist/web-ui.esm.js +898 -78
  41. package/dist/web-ui.esm.js.map +1 -1
  42. package/package.json +1 -1
  43. package/src/components/ButtonV2/ButtonV2.tsx +2 -12
  44. package/src/components/ButtonV2/PrimaryButton.tsx +11 -9
  45. package/src/components/ButtonV2/SecondaryButton.tsx +11 -7
  46. package/src/components/ButtonV2/TertiaryButton.tsx +11 -7
  47. package/src/components/Icons/AddIcon.tsx +2 -0
  48. package/src/components/Icons/AlertsIcon.tsx +20 -7
  49. package/src/components/Icons/BellIcon.tsx +20 -7
  50. package/src/components/Icons/ChartIcon.tsx +2 -0
  51. package/src/components/Icons/{ChatBox.tsx → ChatBoxIcon.tsx} +4 -4
  52. package/src/components/Icons/CheckIcon.tsx +3 -1
  53. package/src/components/Icons/{ChevronIcon.tsx → ChevronDoubleIcon.tsx} +2 -7
  54. package/src/components/Icons/CrossIcon.tsx +1 -4
  55. package/src/components/Icons/DeleteIcon.tsx +4 -4
  56. package/src/components/Icons/DownArrowIcon.tsx +11 -5
  57. package/src/components/Icons/DragIcon.tsx +2 -0
  58. package/src/components/Icons/EditIcon.tsx +4 -4
  59. package/src/components/Icons/ExclamationMarkIcon.tsx +4 -4
  60. package/src/components/Icons/EyeIcon.tsx +2 -0
  61. package/src/components/Icons/GearIcon.tsx +2 -0
  62. package/src/components/Icons/GroupIcon.tsx +2 -0
  63. package/src/components/Icons/HamburgerIcon.tsx +31 -0
  64. package/src/components/Icons/HeartIcon.tsx +4 -4
  65. package/src/components/Icons/LeftArrowIcon.tsx +4 -4
  66. package/src/components/Icons/LightBulbIcon.tsx +8 -5
  67. package/src/components/Icons/LockIcon.tsx +4 -4
  68. package/src/components/Icons/MessagesIcon.tsx +4 -4
  69. package/src/components/Icons/NotesIcon.tsx +4 -4
  70. package/src/components/Icons/PinIcon.tsx +4 -4
  71. package/src/components/Icons/PrintIcon.tsx +8 -1
  72. package/src/components/Icons/RightArrowIcon.tsx +4 -4
  73. package/src/components/Icons/SearchCancelIcon.tsx +23 -0
  74. package/src/components/Icons/SearchIcon.tsx +23 -0
  75. package/src/components/Icons/SmallCircleIcon.tsx +4 -4
  76. package/src/components/Icons/SmallDiamondIcon.tsx +4 -4
  77. package/src/components/Icons/SmallSquareIcon.tsx +4 -4
  78. package/src/components/Icons/SpaceRocketIcon.tsx +4 -4
  79. package/src/components/Icons/StarIcon.tsx +23 -0
  80. package/src/components/Icons/types/IconProps.type.ts +1 -0
  81. package/src/components/TextEditor/TextEditor.js +1 -1
  82. package/src/components/TextEditorV2/TextEditorV2.js +1 -7
  83. package/src/index.tsx +36 -7
  84. package/dist/components/Icons/ChatBox.d.ts +0 -5
  85. package/dist/components/Icons/ChevronIcon.d.ts +0 -8
@@ -1,9 +1,7 @@
1
1
  import React from "react";
2
2
  import { IconProps } from "../Icons/types/IconProps.type";
3
- export declare type ButtonV2Type = "button" | "submit";
4
3
  export interface ButtonV2Props {
5
4
  onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
6
- type?: ButtonV2Type;
7
5
  text?: string;
8
6
  icon?: React.FunctionComponent<IconProps>;
9
7
  isDisabled?: boolean;
@@ -1,12 +1,11 @@
1
1
  import React from "react";
2
2
  import { IconProps } from "../Icons/types/IconProps.type";
3
- import { ButtonV2Type } from "./ButtonV2";
4
3
  export interface PrimaryButtonProps {
5
4
  onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
6
- type?: ButtonV2Type;
7
5
  text?: string;
8
6
  icon?: React.FunctionComponent<IconProps>;
9
7
  isDisabled?: boolean;
10
8
  isPending?: boolean;
9
+ className?: string;
11
10
  }
12
11
  export declare const PrimaryButton: (props: PrimaryButtonProps) => JSX.Element;
@@ -5,5 +5,6 @@ export interface SecondaryButtonProps {
5
5
  text?: string;
6
6
  icon?: React.FunctionComponent<IconProps>;
7
7
  isDisabled?: boolean;
8
+ className?: string;
8
9
  }
9
10
  export declare const SecondaryButton: (props: SecondaryButtonProps) => JSX.Element;
@@ -5,5 +5,6 @@ export interface TertiaryButtonProps {
5
5
  text?: string;
6
6
  icon?: React.FunctionComponent<IconProps>;
7
7
  isDisabled?: boolean;
8
+ className?: string;
8
9
  }
9
10
  export declare const TertiaryButton: (props: TertiaryButtonProps) => JSX.Element;
@@ -1,6 +1,3 @@
1
1
  /// <reference types="react" />
2
- interface AlertsIconProps {
3
- className?: string;
4
- }
5
- export declare const AlertsIcon: (props: AlertsIconProps) => JSX.Element;
6
- export {};
2
+ import { IconProps } from "./types/IconProps.type";
3
+ export declare const AlertsIcon: (props: IconProps) => JSX.Element;
@@ -1,6 +1,3 @@
1
1
  /// <reference types="react" />
2
- interface BellIconProps {
3
- className?: string;
4
- }
5
- export declare const BellIcon: (props: BellIconProps) => JSX.Element;
6
- export {};
2
+ import { IconProps } from "./types/IconProps.type";
3
+ export declare const BellIcon: (props: IconProps) => JSX.Element;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { IconProps } from "./types/IconProps.type";
3
+ export declare const ChatBoxIcon: (props: IconProps) => JSX.Element;
@@ -1,2 +1,3 @@
1
1
  /// <reference types="react" />
2
- export declare const CheckIcon: (props: any) => JSX.Element;
2
+ import { IconProps } from "./types/IconProps.type";
3
+ export declare const CheckIcon: (props: IconProps) => JSX.Element;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { IconProps } from "./types/IconProps.type";
3
+ export declare const ChevronDoubleIcon: (props: IconProps) => JSX.Element;
@@ -1,7 +1,3 @@
1
1
  /// <reference types="react" />
2
- interface IconProps {
3
- className?: string;
4
- onClick?: () => void;
5
- }
2
+ import { IconProps } from "./types/IconProps.type";
6
3
  export declare const CrossIcon: (props: IconProps) => JSX.Element;
7
- export {};
@@ -1,6 +1,3 @@
1
1
  /// <reference types="react" />
2
- interface DeleteIconProps {
3
- className?: string;
4
- }
5
- export declare const DeleteIcon: (props: DeleteIconProps) => JSX.Element;
6
- export {};
2
+ import { IconProps } from "./types/IconProps.type";
3
+ export declare const DeleteIcon: (props: IconProps) => JSX.Element;
@@ -1,6 +1,3 @@
1
1
  /// <reference types="react" />
2
- interface DownArrowProps {
3
- className?: string;
4
- }
5
- export declare const DownArrowIcon: (props: DownArrowProps) => JSX.Element;
6
- export {};
2
+ import { IconProps } from "./types/IconProps.type";
3
+ export declare const DownArrowIcon: (props: IconProps) => JSX.Element;
@@ -1,6 +1,3 @@
1
1
  /// <reference types="react" />
2
- interface EditIconProps {
3
- className?: string;
4
- }
5
- export declare const EditIcon: (props: EditIconProps) => JSX.Element;
6
- export {};
2
+ import { IconProps } from "./types/IconProps.type";
3
+ export declare const EditIcon: (props: IconProps) => JSX.Element;
@@ -1,6 +1,3 @@
1
1
  /// <reference types="react" />
2
- interface ExclamationMarkIconProps {
3
- className?: string;
4
- }
5
- export declare const ExclamationMarkIcon: (props: ExclamationMarkIconProps) => JSX.Element;
6
- export {};
2
+ import { IconProps } from "./types/IconProps.type";
3
+ export declare const ExclamationMarkIcon: (props: IconProps) => JSX.Element;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { IconProps } from "./types/IconProps.type";
3
+ export declare const HamburgerIcon: (props: IconProps) => JSX.Element;
@@ -1,6 +1,3 @@
1
1
  /// <reference types="react" />
2
- interface HeartIconProps {
3
- className?: string;
4
- }
5
- export declare const HeartIcon: (props: HeartIconProps) => JSX.Element;
6
- export {};
2
+ import { IconProps } from "./types/IconProps.type";
3
+ export declare const HeartIcon: (props: IconProps) => JSX.Element;
@@ -1,6 +1,3 @@
1
1
  /// <reference types="react" />
2
- interface LeftArrowIconProps {
3
- className?: string;
4
- }
5
- export declare const LeftArrowIcon: (props: LeftArrowIconProps) => JSX.Element;
6
- export {};
2
+ import { IconProps } from "./types/IconProps.type";
3
+ export declare const LeftArrowIcon: (props: IconProps) => JSX.Element;
@@ -1,6 +1,3 @@
1
1
  /// <reference types="react" />
2
- interface LightBulbIconProps {
3
- className?: string;
4
- }
5
- export declare const LightBulbIcon: (props: LightBulbIconProps) => JSX.Element;
6
- export {};
2
+ import { IconProps } from "./types/IconProps.type";
3
+ export declare const LightBulbIcon: (props: IconProps) => JSX.Element;
@@ -1,6 +1,3 @@
1
1
  /// <reference types="react" />
2
- interface LockIconProps {
3
- className?: string;
4
- }
5
- export declare const LockIcon: (props: LockIconProps) => JSX.Element;
6
- export {};
2
+ import { IconProps } from "./types/IconProps.type";
3
+ export declare const LockIcon: (props: IconProps) => JSX.Element;
@@ -1,6 +1,3 @@
1
1
  /// <reference types="react" />
2
- interface MessagesIconProps {
3
- className?: string;
4
- }
5
- export declare const MessagesIcon: (props: MessagesIconProps) => JSX.Element;
6
- export {};
2
+ import { IconProps } from "./types/IconProps.type";
3
+ export declare const MessagesIcon: (props: IconProps) => JSX.Element;
@@ -1,6 +1,3 @@
1
1
  /// <reference types="react" />
2
- interface NotesIconProps {
3
- className?: string;
4
- }
5
- export declare const NotesIcon: (props: NotesIconProps) => JSX.Element;
6
- export {};
2
+ import { IconProps } from "./types/IconProps.type";
3
+ export declare const NotesIcon: (props: IconProps) => JSX.Element;
@@ -1,6 +1,3 @@
1
1
  /// <reference types="react" />
2
- interface PinIconProps {
3
- className?: string;
4
- }
5
- export declare const PinIcon: (props: PinIconProps) => JSX.Element;
6
- export {};
2
+ import { IconProps } from "./types/IconProps.type";
3
+ export declare const PinIcon: (props: IconProps) => JSX.Element;
@@ -1,6 +1,3 @@
1
1
  /// <reference types="react" />
2
- interface RightArrowIconProps {
3
- className?: string;
4
- }
5
- export declare const RightArrowIcon: (props: RightArrowIconProps) => JSX.Element;
6
- export {};
2
+ import { IconProps } from "./types/IconProps.type";
3
+ export declare const RightArrowIcon: (props: IconProps) => JSX.Element;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { IconProps } from "./types/IconProps.type";
3
+ export declare const SearchCancelIcon: (props: IconProps) => JSX.Element;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { IconProps } from "./types/IconProps.type";
3
+ export declare const SearchIcon: (props: IconProps) => JSX.Element;
@@ -1,6 +1,3 @@
1
1
  /// <reference types="react" />
2
- interface SmallCircleIconProps {
3
- className?: string;
4
- }
5
- export declare const SmallCircleIcon: (props: SmallCircleIconProps) => JSX.Element;
6
- export {};
2
+ import { IconProps } from "./types/IconProps.type";
3
+ export declare const SmallCircleIcon: (props: IconProps) => JSX.Element;
@@ -1,6 +1,3 @@
1
1
  /// <reference types="react" />
2
- interface SmallDiamondIconProps {
3
- className?: string;
4
- }
5
- export declare const SmallDiamondIcon: (props: SmallDiamondIconProps) => JSX.Element;
6
- export {};
2
+ import { IconProps } from "./types/IconProps.type";
3
+ export declare const SmallDiamondIcon: (props: IconProps) => JSX.Element;
@@ -1,6 +1,3 @@
1
1
  /// <reference types="react" />
2
- interface SmallSquareIconProps {
3
- className?: string;
4
- }
5
- export declare const SmallSquareIcon: (props: SmallSquareIconProps) => JSX.Element;
6
- export {};
2
+ import { IconProps } from "./types/IconProps.type";
3
+ export declare const SmallSquareIcon: (props: IconProps) => JSX.Element;
@@ -1,6 +1,3 @@
1
1
  /// <reference types="react" />
2
- interface SpaceRocketIconProps {
3
- className?: string;
4
- }
5
- export declare const SpaceRocketIcon: (props: SpaceRocketIconProps) => JSX.Element;
6
- export {};
2
+ import { IconProps } from "./types/IconProps.type";
3
+ export declare const SpaceRocketIcon: (props: IconProps) => JSX.Element;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { IconProps } from "./types/IconProps.type";
3
+ export declare const StarIcon: (props: IconProps) => JSX.Element;
@@ -1,3 +1,4 @@
1
1
  export interface IconProps {
2
2
  className?: string;
3
+ onClick?: () => void;
3
4
  }
package/dist/index.d.ts CHANGED
@@ -1,8 +1,6 @@
1
1
  export { default as Acknowledgement, ACKNOWLEDGEMENT_TYPE_OPTIONS, } from "./components/Acknowledgement/Acknowledgement";
2
2
  export { default as Avatar } from "./components/Avatar/Avatar";
3
3
  export { default as Badge } from "./components/Badge/Badge";
4
- export { BUTTON_ROLES, ButtonProps, BUTTON_TYPE, ButtonType, } from "./components/Button/Button.types";
5
- export { ButtonIcon } from "./components/Button/ButtonIcon";
6
4
  export { PrimaryButton, PrimaryButtonProps, } from "./components/ButtonV2/PrimaryButton";
7
5
  export { SecondaryButton, SecondaryButtonProps, } from "./components/ButtonV2/SecondaryButton";
8
6
  export { TertiaryButton, TertiaryButtonProps, } from "./components/ButtonV2/TertiaryButton";
@@ -49,3 +47,38 @@ export { default as TextListItem } from "./components/TextListItem/TextListItem"
49
47
  export { Title, TitleStyle } from "./components/Title/Title";
50
48
  export { ViewItem, ViewItemProps } from "./components/ViewItem/ViewItem";
51
49
  export { default as Text } from "./components/Text/Text";
50
+ export { IconProps } from "./components/Icons/types/IconProps.type";
51
+ export { AddIcon } from "./components/Icons/AddIcon";
52
+ export { AlertsIcon } from "./components/Icons/AlertsIcon";
53
+ export { BellIcon } from "./components/Icons/BellIcon";
54
+ export { ChartIcon } from "./components/Icons/ChartIcon";
55
+ export { ChatBoxIcon } from "./components/Icons/ChatBoxIcon";
56
+ export { CheckIcon } from "./components/Icons/CheckIcon";
57
+ export { ChevronDoubleIcon } from "./components/Icons/ChevronDoubleIcon";
58
+ export { CrossIcon } from "./components/Icons/CrossIcon";
59
+ export { DeleteIcon } from "./components/Icons/DeleteIcon";
60
+ export { DownArrowIcon } from "./components/Icons/DownArrowIcon";
61
+ export { DragIcon } from "./components/Icons/DragIcon";
62
+ export { EditIcon } from "./components/Icons/EditIcon";
63
+ export { EmptyStateDashboardIcon } from "./components/Icons/EmptyStateDashboardIcon";
64
+ export { ExclamationMarkIcon } from "./components/Icons/ExclamationMarkIcon";
65
+ export { EyeIcon } from "./components/Icons/EyeIcon";
66
+ export { GearIcon } from "./components/Icons/GearIcon";
67
+ export { GroupIcon } from "./components/Icons/GroupIcon";
68
+ export { HeartIcon } from "./components/Icons/HeartIcon";
69
+ export { LeftArrowIcon } from "./components/Icons/LeftArrowIcon";
70
+ export { LightBulbIcon } from "./components/Icons/LightBulbIcon";
71
+ export { LockIcon } from "./components/Icons/LockIcon";
72
+ export { MessagesIcon } from "./components/Icons/MessagesIcon";
73
+ export { NotesIcon } from "./components/Icons/NotesIcon";
74
+ export { PinIcon } from "./components/Icons/PinIcon";
75
+ export { PrintIcon } from "./components/Icons/PrintIcon";
76
+ export { RightArrowIcon } from "./components/Icons/RightArrowIcon";
77
+ export { SmallCircleIcon } from "./components/Icons/SmallCircleIcon";
78
+ export { SmallDiamondIcon } from "./components/Icons/SmallDiamondIcon";
79
+ export { SmallSquareIcon } from "./components/Icons/SmallSquareIcon";
80
+ export { SpaceRocketIcon } from "./components/Icons/SpaceRocketIcon";
81
+ export { StarIcon } from "./components/Icons/StarIcon";
82
+ export { HamburgerIcon } from "./components/Icons/HamburgerIcon";
83
+ export { SearchIcon } from "./components/Icons/SearchIcon";
84
+ export { SearchCancelIcon } from "./components/Icons/SearchCancelIcon";
@@ -1012,6 +1012,45 @@
1012
1012
  .entity-preview-dots.glider-dots .glider-dot.active, .entity-preview-dots.glider-dots .glider-dot:focus {
1013
1013
  @apply bg-blue-800; }
1014
1014
 
1015
+ .cweb-switcher-item {
1016
+ display: flex;
1017
+ justify-content: center;
1018
+ flex-direction: row;
1019
+ align-items: center; }
1020
+ .cweb-switcher-item .cweb-switcher-item-link {
1021
+ display: flex;
1022
+ align-items: center;
1023
+ text-decoration: none;
1024
+ padding: 0.5rem 1rem;
1025
+ cursor: pointer; }
1026
+ .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon {
1027
+ display: flex;
1028
+ align-items: center; }
1029
+ .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-default,
1030
+ .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active {
1031
+ width: 20px;
1032
+ height: 20px; }
1033
+ .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active {
1034
+ display: none; }
1035
+ .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-text {
1036
+ color: #737373;
1037
+ transition: color 0.4s ease;
1038
+ padding-bottom: 0; }
1039
+ .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon + .cweb-switcher-item-link-text {
1040
+ margin-left: 8px;
1041
+ padding: 0; }
1042
+ .cweb-switcher-item.is-selected, .cweb-switcher-item:hover, .cweb-switcher-item:active {
1043
+ border-color: #0074dd;
1044
+ z-index: 1; }
1045
+ .cweb-switcher-item.is-selected .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-default, .cweb-switcher-item:hover .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-default, .cweb-switcher-item:active .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-default {
1046
+ display: none; }
1047
+ .cweb-switcher-item.is-selected .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active, .cweb-switcher-item:hover .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active, .cweb-switcher-item:active .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active {
1048
+ display: inherit; }
1049
+ .cweb-switcher-item.is-selected .cweb-switcher-item-link .cweb-switcher-item-link-text, .cweb-switcher-item:hover .cweb-switcher-item-link .cweb-switcher-item-link-text, .cweb-switcher-item:active .cweb-switcher-item-link .cweb-switcher-item-link-text {
1050
+ color: #0074dd; }
1051
+ .cweb-switcher-item.is-disabled {
1052
+ pointer-events: none; }
1053
+
1015
1054
  .cweb-box-shadow-default {
1016
1055
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12); }
1017
1056
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
@@ -1087,42 +1126,3 @@
1087
1126
  .cweb-modal-overlay > .cweb-modal .cweb-modal-title-section > .cweb-modal-content {
1088
1127
  margin: 24px;
1089
1128
  overflow-y: auto; }
1090
-
1091
- .cweb-switcher-item {
1092
- display: flex;
1093
- justify-content: center;
1094
- flex-direction: row;
1095
- align-items: center; }
1096
- .cweb-switcher-item .cweb-switcher-item-link {
1097
- display: flex;
1098
- align-items: center;
1099
- text-decoration: none;
1100
- padding: 0.5rem 1rem;
1101
- cursor: pointer; }
1102
- .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon {
1103
- display: flex;
1104
- align-items: center; }
1105
- .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-default,
1106
- .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active {
1107
- width: 20px;
1108
- height: 20px; }
1109
- .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active {
1110
- display: none; }
1111
- .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-text {
1112
- color: #737373;
1113
- transition: color 0.4s ease;
1114
- padding-bottom: 0; }
1115
- .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon + .cweb-switcher-item-link-text {
1116
- margin-left: 8px;
1117
- padding: 0; }
1118
- .cweb-switcher-item.is-selected, .cweb-switcher-item:hover, .cweb-switcher-item:active {
1119
- border-color: #0074dd;
1120
- z-index: 1; }
1121
- .cweb-switcher-item.is-selected .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-default, .cweb-switcher-item:hover .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-default, .cweb-switcher-item:active .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-default {
1122
- display: none; }
1123
- .cweb-switcher-item.is-selected .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active, .cweb-switcher-item:hover .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active, .cweb-switcher-item:active .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active {
1124
- display: inherit; }
1125
- .cweb-switcher-item.is-selected .cweb-switcher-item-link .cweb-switcher-item-link-text, .cweb-switcher-item:hover .cweb-switcher-item-link .cweb-switcher-item-link-text, .cweb-switcher-item:active .cweb-switcher-item-link .cweb-switcher-item-link-text {
1126
- color: #0074dd; }
1127
- .cweb-switcher-item.is-disabled {
1128
- pointer-events: none; }