@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.
- package/dist/components/ButtonV2/ButtonV2.d.ts +0 -2
- package/dist/components/ButtonV2/PrimaryButton.d.ts +1 -2
- package/dist/components/ButtonV2/SecondaryButton.d.ts +1 -0
- package/dist/components/ButtonV2/TertiaryButton.d.ts +1 -0
- package/dist/components/Icons/AlertsIcon.d.ts +2 -5
- package/dist/components/Icons/BellIcon.d.ts +2 -5
- package/dist/components/Icons/ChatBoxIcon.d.ts +3 -0
- package/dist/components/Icons/CheckIcon.d.ts +2 -1
- package/dist/components/Icons/ChevronDoubleIcon.d.ts +3 -0
- package/dist/components/Icons/CrossIcon.d.ts +1 -5
- package/dist/components/Icons/DeleteIcon.d.ts +2 -5
- package/dist/components/Icons/DownArrowIcon.d.ts +2 -5
- package/dist/components/Icons/EditIcon.d.ts +2 -5
- package/dist/components/Icons/ExclamationMarkIcon.d.ts +2 -5
- package/dist/components/Icons/HamburgerIcon.d.ts +3 -0
- package/dist/components/Icons/HeartIcon.d.ts +2 -5
- package/dist/components/Icons/LeftArrowIcon.d.ts +2 -5
- package/dist/components/Icons/LightBulbIcon.d.ts +2 -5
- package/dist/components/Icons/LockIcon.d.ts +2 -5
- package/dist/components/Icons/MessagesIcon.d.ts +2 -5
- package/dist/components/Icons/NotesIcon.d.ts +2 -5
- package/dist/components/Icons/PinIcon.d.ts +2 -5
- package/dist/components/Icons/RightArrowIcon.d.ts +2 -5
- package/dist/components/Icons/SearchCancelIcon.d.ts +3 -0
- package/dist/components/Icons/SearchIcon.d.ts +3 -0
- package/dist/components/Icons/SmallCircleIcon.d.ts +2 -5
- package/dist/components/Icons/SmallDiamondIcon.d.ts +2 -5
- package/dist/components/Icons/SmallSquareIcon.d.ts +2 -5
- package/dist/components/Icons/SpaceRocketIcon.d.ts +2 -5
- package/dist/components/Icons/StarIcon.d.ts +3 -0
- package/dist/components/Icons/types/IconProps.type.d.ts +1 -0
- package/dist/index.d.ts +35 -2
- package/dist/web-ui.cjs.development.css +39 -39
- package/dist/web-ui.cjs.development.js +931 -79
- package/dist/web-ui.cjs.development.js.map +1 -1
- package/dist/web-ui.cjs.production.min.css +39 -39
- package/dist/web-ui.cjs.production.min.js +1 -1
- package/dist/web-ui.cjs.production.min.js.map +1 -1
- package/dist/web-ui.esm.css +39 -39
- package/dist/web-ui.esm.js +898 -78
- package/dist/web-ui.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/ButtonV2/ButtonV2.tsx +2 -12
- package/src/components/ButtonV2/PrimaryButton.tsx +11 -9
- package/src/components/ButtonV2/SecondaryButton.tsx +11 -7
- package/src/components/ButtonV2/TertiaryButton.tsx +11 -7
- package/src/components/Icons/AddIcon.tsx +2 -0
- package/src/components/Icons/AlertsIcon.tsx +20 -7
- package/src/components/Icons/BellIcon.tsx +20 -7
- package/src/components/Icons/ChartIcon.tsx +2 -0
- package/src/components/Icons/{ChatBox.tsx → ChatBoxIcon.tsx} +4 -4
- package/src/components/Icons/CheckIcon.tsx +3 -1
- package/src/components/Icons/{ChevronIcon.tsx → ChevronDoubleIcon.tsx} +2 -7
- package/src/components/Icons/CrossIcon.tsx +1 -4
- package/src/components/Icons/DeleteIcon.tsx +4 -4
- package/src/components/Icons/DownArrowIcon.tsx +11 -5
- package/src/components/Icons/DragIcon.tsx +2 -0
- package/src/components/Icons/EditIcon.tsx +4 -4
- package/src/components/Icons/ExclamationMarkIcon.tsx +4 -4
- package/src/components/Icons/EyeIcon.tsx +2 -0
- package/src/components/Icons/GearIcon.tsx +2 -0
- package/src/components/Icons/GroupIcon.tsx +2 -0
- package/src/components/Icons/HamburgerIcon.tsx +31 -0
- package/src/components/Icons/HeartIcon.tsx +4 -4
- package/src/components/Icons/LeftArrowIcon.tsx +4 -4
- package/src/components/Icons/LightBulbIcon.tsx +8 -5
- package/src/components/Icons/LockIcon.tsx +4 -4
- package/src/components/Icons/MessagesIcon.tsx +4 -4
- package/src/components/Icons/NotesIcon.tsx +4 -4
- package/src/components/Icons/PinIcon.tsx +4 -4
- package/src/components/Icons/PrintIcon.tsx +8 -1
- package/src/components/Icons/RightArrowIcon.tsx +4 -4
- package/src/components/Icons/SearchCancelIcon.tsx +23 -0
- package/src/components/Icons/SearchIcon.tsx +23 -0
- package/src/components/Icons/SmallCircleIcon.tsx +4 -4
- package/src/components/Icons/SmallDiamondIcon.tsx +4 -4
- package/src/components/Icons/SmallSquareIcon.tsx +4 -4
- package/src/components/Icons/SpaceRocketIcon.tsx +4 -4
- package/src/components/Icons/StarIcon.tsx +23 -0
- package/src/components/Icons/types/IconProps.type.ts +1 -0
- package/src/components/TextEditor/TextEditor.js +1 -1
- package/src/components/TextEditorV2/TextEditorV2.js +1 -7
- package/src/index.tsx +36 -7
- package/dist/components/Icons/ChatBox.d.ts +0 -5
- 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;
|
|
@@ -1,6 +1,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
3
|
-
|
|
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
|
-
|
|
3
|
-
|
|
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;
|
|
@@ -1,6 +1,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
3
|
-
|
|
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
|
-
|
|
3
|
-
|
|
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
|
-
|
|
3
|
-
|
|
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
|
-
|
|
3
|
-
|
|
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;
|
|
@@ -1,6 +1,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
3
|
-
|
|
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
|
-
|
|
3
|
-
|
|
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
|
-
|
|
3
|
-
|
|
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
|
-
|
|
3
|
-
|
|
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
|
-
|
|
3
|
-
|
|
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
|
-
|
|
3
|
-
|
|
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
|
-
|
|
3
|
-
|
|
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
|
-
|
|
3
|
-
|
|
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;
|
|
@@ -1,6 +1,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
3
|
-
|
|
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
|
-
|
|
3
|
-
|
|
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
|
-
|
|
3
|
-
|
|
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
|
-
|
|
3
|
-
|
|
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;
|
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; }
|