@digital-ai/dot-components 2.22.0 → 2.22.1
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/index.esm.js +4 -4
- package/package.json +1 -1
package/index.esm.js
CHANGED
|
@@ -3574,7 +3574,7 @@ const StyledCopyButton = styled.span.withConfig({
|
|
|
3574
3574
|
componentId: "sc-18ff0u-0"
|
|
3575
3575
|
})(["", ""], ({
|
|
3576
3576
|
theme
|
|
3577
|
-
}) => css(["&.", " .copied-to-clipboard{color:", ";}"], rootClassName$Q, theme.palette.figma.success.normal));
|
|
3577
|
+
}) => css(["&.", " .copied-to-clipboard{color:", ";&.MuiIcon-fontSizeSmall.button-size-small{padding:4px;}&.MuiIcon-fontSizeMedium.button-size-small{padding:3px;}&.MuiIcon-fontSizeSmall.button-size-medium{padding:11px;}&.MuiIcon-fontSizeMedium.button-size-medium{padding:10px;}}"], rootClassName$Q, theme.palette.figma.success.normal));
|
|
3578
3578
|
|
|
3579
3579
|
const DotCopyButton = ({
|
|
3580
3580
|
ariaLabel: _ariaLabel = 'Copy to clipboard',
|
|
@@ -3647,9 +3647,9 @@ const DotCopyButton = ({
|
|
|
3647
3647
|
size: _size,
|
|
3648
3648
|
tooltip: tooltip
|
|
3649
3649
|
}), timedShowCopiedIcon && jsx(DotIcon, {
|
|
3650
|
-
className:
|
|
3650
|
+
className: `copied-to-clipboard button-size-${_size}`,
|
|
3651
3651
|
"data-testid": `${dataTestId}-icon`,
|
|
3652
|
-
fontSize:
|
|
3652
|
+
fontSize: _iconSize,
|
|
3653
3653
|
iconId: "check-solid",
|
|
3654
3654
|
tooltip: _copiedTooltip
|
|
3655
3655
|
})]
|
|
@@ -5514,7 +5514,7 @@ const StyledToggleButtonGroup = styled(ToggleButtonGroup).withConfig({
|
|
|
5514
5514
|
componentId: "sc-1oh4ljv-0"
|
|
5515
5515
|
})(["", ""], ({
|
|
5516
5516
|
theme
|
|
5517
|
-
}) => css(["&.", "{button:not(.MuiToggleButton-sizeLarge):not(.MuiToggleButton-sizeSmall){height:", ";.dot-icon{width:", ";}}.dot-icon{color:", ";display:flex;+ p{margin-left:", ";}i{height:auto;}}.dot-typography{margin-bottom:0;}.MuiToggleButton-label{color:", ";p{margin-bottom:0;}}.MuiToggleButtonGroup-groupedHorizontal{border:1px solid ", ";border-radius:0;}.dot-tooltip{&:first-child .MuiToggleButtonGroup-groupedHorizontal{border-top-left-radius:4px;border-bottom-left-radius:4px;margin-left:0;}&:last-child .MuiToggleButtonGroup-groupedHorizontal{border-top-right-radius:4px;border-bottom-right-radius:4px;margin-right:0;}&:not(:first-child) .MuiToggleButtonGroup-groupedHorizontal{margin-left:-1px;}}& > .MuiToggleButtonGroup-groupedHorizontal{:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px;margin-left:0;}:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px;margin-right:0;}}}.MuiButtonBase-root{&.Mui-disabled{background:", ";.dot-typography{color:", ";}.dot-icon{color:", ";}}&.Mui-selected{
|
|
5517
|
+
}) => css(["&.", "{button:not(.MuiToggleButton-sizeLarge):not(.MuiToggleButton-sizeSmall){height:", ";.dot-icon{width:", ";}}.dot-icon{color:", ";display:flex;+ p{margin-left:", ";}i{height:auto;}}.dot-typography{margin-bottom:0;}.MuiToggleButton-label{color:", ";p{margin-bottom:0;}}.MuiToggleButtonGroup-groupedHorizontal{border:1px solid ", ";border-radius:0;}.dot-tooltip{&:first-child .MuiToggleButtonGroup-groupedHorizontal{border-top-left-radius:4px;border-bottom-left-radius:4px;margin-left:0;}&:last-child .MuiToggleButtonGroup-groupedHorizontal{border-top-right-radius:4px;border-bottom-right-radius:4px;margin-right:0;}&:not(:first-child) .MuiToggleButtonGroup-groupedHorizontal{margin-left:-1px;}}& > .MuiToggleButtonGroup-groupedHorizontal{:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px;margin-left:0;}:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px;margin-right:0;}}}button.MuiButtonBase-root.MuiToggleButton-root{&:not(.Mui-disabled):not(.Mui-selected){background-color:", ";}&.Mui-disabled{background-color:", ";.dot-typography{color:", ";}.dot-icon{color:", ";}}&.Mui-selected{background-color:", ";.dot-icon,.dot-typography{color:", ";}}}"], rootClassName$G, theme.spacing(5), theme.spacing(2), theme.palette.figma.icon.black, theme.spacing(1), theme.palette.figma.typography.black, theme.palette.figma.border.defaultButton, theme.palette.figma.neutral.normal, theme.palette.figma.disabled.normal, theme.palette.figma.typography.gray, theme.palette.figma.icon.disabled, theme.palette.figma.toggleTabs.bckg, theme.palette.figma.toggleTabs.text));
|
|
5518
5518
|
|
|
5519
5519
|
const DotButtonToggle = ({
|
|
5520
5520
|
ariaLabel,
|