All files / src/IconButton IconButton.module.css

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
11x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
.varClass {
  --iconColor: var(--zdt_iconButton_icon_black);
}
 
.wrapper {
  cursor: pointer;
  composes: offSelection from '~@zohodesk/components/lib/common/common.module.css';
  composes: varClass;
  color: var(--iconColor);
}
 
.xsmall {
  width: 16px;
  height: 16px;
}
 
.small {
  width: 20px;
  height: 20px;
}
 
.medium {
  width: 24px;
  height: 24px;
}
 
.large {
  width: 28px;
  height: 28px;
}
 
.xlarge {
  width: 32px;
  height: 32px;
}
 
.primary {
  --iconColor: var(--zdt_iconButton_icon_primary);
}
 
.primary:hover {
  --iconColor: var(--zdt_iconButton_icon_primaryHover);
}
 
.primary_active,
.primaryFilled,
.primaryFilled_active {
  --iconColor: var(--zdt_iconButton_icon_primaryActive);
}
.icon_button_center {
  composes: tcenter from '~@zohodesk/components/lib/common/common.module.css';
}