@true-engineering/true-react-common-ui-kit 3.58.0 → 3.59.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.
- package/dist/components/IconButton/IconButton.styles.d.ts +1 -1
- package/dist/components/IconButton/constants.d.ts +1 -1
- package/dist/true-react-common-ui-kit.js +18 -17
- package/dist/true-react-common-ui-kit.js.map +1 -1
- package/dist/true-react-common-ui-kit.umd.cjs +18 -17
- package/dist/true-react-common-ui-kit.umd.cjs.map +1 -1
- package/package.json +1 -1
- package/src/components/IconButton/IconButton.styles.ts +15 -13
- package/src/components/IconButton/constants.ts +1 -1
|
@@ -8195,7 +8195,7 @@
|
|
|
8195
8195
|
});
|
|
8196
8196
|
};
|
|
8197
8197
|
var ITEM_HORIZONTAL_PADDING = 16;
|
|
8198
|
-
var ICON_SIZE
|
|
8198
|
+
var ICON_SIZE = 20;
|
|
8199
8199
|
var ICON_GAP = 12;
|
|
8200
8200
|
var useStyles$V = createThemedStyles("ListItem", {
|
|
8201
8201
|
root: {
|
|
@@ -8225,11 +8225,11 @@
|
|
|
8225
8225
|
backgroundColor: colors.BORDER_LIGHT
|
|
8226
8226
|
},
|
|
8227
8227
|
withIconGap: {
|
|
8228
|
-
paddingLeft: ITEM_HORIZONTAL_PADDING + ICON_SIZE
|
|
8228
|
+
paddingLeft: ITEM_HORIZONTAL_PADDING + ICON_SIZE + ICON_GAP
|
|
8229
8229
|
},
|
|
8230
8230
|
icon: {
|
|
8231
|
-
width: ICON_SIZE
|
|
8232
|
-
height: ICON_SIZE
|
|
8231
|
+
width: ICON_SIZE,
|
|
8232
|
+
height: ICON_SIZE,
|
|
8233
8233
|
flexShrink: 0
|
|
8234
8234
|
},
|
|
8235
8235
|
content: {
|
|
@@ -14461,9 +14461,6 @@
|
|
|
14461
14461
|
}));
|
|
14462
14462
|
});
|
|
14463
14463
|
FileInput.displayName = "FileInput";
|
|
14464
|
-
var BUTTON_SIZE_S = 24;
|
|
14465
|
-
var BUTTON_SIZE_M = 32;
|
|
14466
|
-
var ICON_SIZE = 20;
|
|
14467
14464
|
var useStyles$A = createThemedStyles("IconButton", {
|
|
14468
14465
|
root: {
|
|
14469
14466
|
display: "flex",
|
|
@@ -14473,7 +14470,7 @@
|
|
|
14473
14470
|
outline: "none",
|
|
14474
14471
|
boxSizing: "border-box",
|
|
14475
14472
|
transition: animations.defaultTransition,
|
|
14476
|
-
transitionProperty: "background-color, color, border-color",
|
|
14473
|
+
transitionProperty: "background-color, color, border-color, opacity, visibility",
|
|
14477
14474
|
border: "none",
|
|
14478
14475
|
position: "relative",
|
|
14479
14476
|
boxShadow: "none",
|
|
@@ -14486,7 +14483,10 @@
|
|
|
14486
14483
|
},
|
|
14487
14484
|
"&:active": {
|
|
14488
14485
|
extend: "active"
|
|
14489
|
-
}
|
|
14486
|
+
},
|
|
14487
|
+
width: "var(--icon-button-size)",
|
|
14488
|
+
height: "var(--icon-button-size)",
|
|
14489
|
+
"--icon-button-icon-size": "20px"
|
|
14490
14490
|
},
|
|
14491
14491
|
"cancel-light": {},
|
|
14492
14492
|
cancel: {},
|
|
@@ -14505,8 +14505,8 @@
|
|
|
14505
14505
|
icon: {
|
|
14506
14506
|
display: "flex",
|
|
14507
14507
|
alignItems: "center",
|
|
14508
|
-
width:
|
|
14509
|
-
height:
|
|
14508
|
+
width: "var(--icon-button-icon-size)",
|
|
14509
|
+
height: "var(--icon-button-icon-size)"
|
|
14510
14510
|
},
|
|
14511
14511
|
loader: {
|
|
14512
14512
|
display: "none",
|
|
@@ -14514,16 +14514,17 @@
|
|
|
14514
14514
|
left: "50%",
|
|
14515
14515
|
top: "50%",
|
|
14516
14516
|
transform: "translate(-50%, -50%)",
|
|
14517
|
-
width:
|
|
14518
|
-
height:
|
|
14517
|
+
width: "var(--icon-button-icon-size)",
|
|
14518
|
+
height: "var(--icon-button-icon-size)"
|
|
14519
14519
|
},
|
|
14520
14520
|
s: {
|
|
14521
|
-
|
|
14522
|
-
height: BUTTON_SIZE_S
|
|
14521
|
+
"--icon-button-size": "24px"
|
|
14523
14522
|
},
|
|
14524
14523
|
m: {
|
|
14525
|
-
|
|
14526
|
-
|
|
14524
|
+
"--icon-button-size": "32px"
|
|
14525
|
+
},
|
|
14526
|
+
l: {
|
|
14527
|
+
"--icon-button-size": "40px"
|
|
14527
14528
|
}
|
|
14528
14529
|
});
|
|
14529
14530
|
function _define_property$K(obj, key, value) {
|