@salutejs/plasma-new-hope 0.78.0-canary.1195.8913931601.0 → 0.78.0-canary.1195.8924860991.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (116) hide show
  1. package/cjs/components/Button/Button.styles.js +1 -0
  2. package/cjs/components/Button/Button.styles.js.map +1 -1
  3. package/cjs/components/Drawer/Drawer.js +1 -0
  4. package/cjs/components/Drawer/Drawer.js.map +1 -1
  5. package/cjs/components/IconButton/IconButton.css +11 -12
  6. package/cjs/components/IconButton/IconButton.js +18 -52
  7. package/cjs/components/IconButton/IconButton.js.map +1 -1
  8. package/cjs/components/IconButton/IconButton.styles.js +6 -15
  9. package/cjs/components/IconButton/IconButton.styles.js.map +1 -1
  10. package/cjs/components/IconButton/IconButton.styles_1hknr37.css +1 -0
  11. package/cjs/components/IconButton/IconButton.tokens.js +0 -4
  12. package/cjs/components/IconButton/IconButton.tokens.js.map +1 -1
  13. package/cjs/index.css +1 -2
  14. package/cjs/index.js +0 -1
  15. package/cjs/index.js.map +1 -1
  16. package/es/components/Button/Button.styles.js +1 -0
  17. package/es/components/Button/Button.styles.js.map +1 -1
  18. package/es/components/Drawer/Drawer.js +1 -0
  19. package/es/components/Drawer/Drawer.js.map +1 -1
  20. package/es/components/IconButton/IconButton.css +11 -12
  21. package/es/components/IconButton/IconButton.js +19 -53
  22. package/es/components/IconButton/IconButton.js.map +1 -1
  23. package/es/components/IconButton/IconButton.styles.js +7 -15
  24. package/es/components/IconButton/IconButton.styles.js.map +1 -1
  25. package/es/components/IconButton/IconButton.styles_1hknr37.css +1 -0
  26. package/es/components/IconButton/IconButton.tokens.js +1 -4
  27. package/es/components/IconButton/IconButton.tokens.js.map +1 -1
  28. package/es/index.css +1 -2
  29. package/es/index.js +1 -1
  30. package/package.json +2 -2
  31. package/styled-components/cjs/components/Button/Button.styles.js +10 -2
  32. package/styled-components/cjs/components/IconButton/IconButton.js +18 -57
  33. package/styled-components/cjs/components/IconButton/IconButton.styles.js +5 -12
  34. package/styled-components/cjs/components/IconButton/IconButton.tokens.js +1 -4
  35. package/styled-components/cjs/components/IconButton/index.js +0 -6
  36. package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.config.js +1 -1
  37. package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +5 -1
  38. package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.config.js +1 -1
  39. package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.stories.tsx +5 -1
  40. package/styled-components/es/components/Button/Button.styles.js +10 -2
  41. package/styled-components/es/components/IconButton/IconButton.js +19 -55
  42. package/styled-components/es/components/IconButton/IconButton.styles.js +5 -10
  43. package/styled-components/es/components/IconButton/IconButton.tokens.js +0 -3
  44. package/styled-components/es/components/IconButton/index.js +1 -1
  45. package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.config.js +1 -1
  46. package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +5 -1
  47. package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.config.js +1 -1
  48. package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.stories.tsx +5 -1
  49. package/types/components/Button/Button.styles.d.ts +1 -0
  50. package/types/components/Button/Button.styles.d.ts.map +1 -1
  51. package/types/components/IconButton/IconButton.d.ts +10 -5
  52. package/types/components/IconButton/IconButton.d.ts.map +1 -1
  53. package/types/components/IconButton/IconButton.styles.d.ts +1 -2
  54. package/types/components/IconButton/IconButton.styles.d.ts.map +1 -1
  55. package/types/components/IconButton/IconButton.tokens.d.ts +0 -3
  56. package/types/components/IconButton/IconButton.tokens.d.ts.map +1 -1
  57. package/types/components/IconButton/index.d.ts +1 -2
  58. package/types/components/IconButton/index.d.ts.map +1 -1
  59. package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts +1 -1
  60. package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts.map +1 -1
  61. package/types/examples/plasma_web/components/IconButton/IconButton.d.ts +1 -1
  62. package/types/examples/plasma_web/components/IconButton/IconButton.d.ts.map +1 -1
  63. package/cjs/components/IconButton/IconButton.styles_12iyaye.css +0 -2
  64. package/cjs/components/IconButton/variations/_disabled/base.js +0 -9
  65. package/cjs/components/IconButton/variations/_disabled/base.js.map +0 -1
  66. package/cjs/components/IconButton/variations/_disabled/base_x642ct.css +0 -1
  67. package/cjs/components/IconButton/variations/_focused/base.js +0 -9
  68. package/cjs/components/IconButton/variations/_focused/base.js.map +0 -1
  69. package/cjs/components/IconButton/variations/_focused/base_x642ct.css +0 -1
  70. package/cjs/components/IconButton/variations/_size/base.js +0 -9
  71. package/cjs/components/IconButton/variations/_size/base.js.map +0 -1
  72. package/cjs/components/IconButton/variations/_size/base_x642ct.css +0 -1
  73. package/cjs/components/IconButton/variations/_view/base.js +0 -9
  74. package/cjs/components/IconButton/variations/_view/base.js.map +0 -1
  75. package/cjs/components/IconButton/variations/_view/base_x642ct.css +0 -1
  76. package/es/components/IconButton/IconButton.styles_12iyaye.css +0 -2
  77. package/es/components/IconButton/variations/_disabled/base.js +0 -5
  78. package/es/components/IconButton/variations/_disabled/base.js.map +0 -1
  79. package/es/components/IconButton/variations/_disabled/base_x642ct.css +0 -1
  80. package/es/components/IconButton/variations/_focused/base.js +0 -5
  81. package/es/components/IconButton/variations/_focused/base.js.map +0 -1
  82. package/es/components/IconButton/variations/_focused/base_x642ct.css +0 -1
  83. package/es/components/IconButton/variations/_size/base.js +0 -5
  84. package/es/components/IconButton/variations/_size/base.js.map +0 -1
  85. package/es/components/IconButton/variations/_size/base_x642ct.css +0 -1
  86. package/es/components/IconButton/variations/_view/base.js +0 -5
  87. package/es/components/IconButton/variations/_view/base.js.map +0 -1
  88. package/es/components/IconButton/variations/_view/base_x642ct.css +0 -1
  89. package/styled-components/cjs/components/IconButton/IconButton.types.js +0 -5
  90. package/styled-components/cjs/components/IconButton/variations/_disabled/base.js +0 -8
  91. package/styled-components/cjs/components/IconButton/variations/_disabled/tokens.json +0 -1
  92. package/styled-components/cjs/components/IconButton/variations/_focused/base.js +0 -8
  93. package/styled-components/cjs/components/IconButton/variations/_focused/tokens.json +0 -1
  94. package/styled-components/cjs/components/IconButton/variations/_size/base.js +0 -8
  95. package/styled-components/cjs/components/IconButton/variations/_size/tokens.json +0 -1
  96. package/styled-components/cjs/components/IconButton/variations/_view/base.js +0 -8
  97. package/styled-components/cjs/components/IconButton/variations/_view/tokens.json +0 -1
  98. package/styled-components/es/components/IconButton/IconButton.types.js +0 -1
  99. package/styled-components/es/components/IconButton/variations/_disabled/base.js +0 -2
  100. package/styled-components/es/components/IconButton/variations/_disabled/tokens.json +0 -1
  101. package/styled-components/es/components/IconButton/variations/_focused/base.js +0 -2
  102. package/styled-components/es/components/IconButton/variations/_focused/tokens.json +0 -1
  103. package/styled-components/es/components/IconButton/variations/_size/base.js +0 -2
  104. package/styled-components/es/components/IconButton/variations/_size/tokens.json +0 -1
  105. package/styled-components/es/components/IconButton/variations/_view/base.js +0 -2
  106. package/styled-components/es/components/IconButton/variations/_view/tokens.json +0 -1
  107. package/types/components/IconButton/IconButton.types.d.ts +0 -13
  108. package/types/components/IconButton/IconButton.types.d.ts.map +0 -1
  109. package/types/components/IconButton/variations/_disabled/base.d.ts +0 -2
  110. package/types/components/IconButton/variations/_disabled/base.d.ts.map +0 -1
  111. package/types/components/IconButton/variations/_focused/base.d.ts +0 -2
  112. package/types/components/IconButton/variations/_focused/base.d.ts.map +0 -1
  113. package/types/components/IconButton/variations/_size/base.d.ts +0 -2
  114. package/types/components/IconButton/variations/_size/base.d.ts.map +0 -1
  115. package/types/components/IconButton/variations/_view/base.d.ts +0 -2
  116. package/types/components/IconButton/variations/_view/base.d.ts.map +0 -1
@@ -1,58 +1,15 @@
1
- var _excluded = ["children", "view", "size", "icon", "isLoading", "loader", "pin", "disabled", "focused", "outlined", "className", "style"];
2
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
4
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
5
- import React, { forwardRef } from 'react';
6
- import { cx } from '../../utils';
7
- import { base, IconButtonStyled } from './IconButton.styles';
8
- import { classes } from './IconButton.tokens';
9
- import { base as viewCSS } from './variations/_view/base';
10
- import { base as sizeCSS } from './variations/_size/base';
11
- import { base as disabledCSS } from './variations/_disabled/base';
12
- import { base as focusedCSS } from './variations/_focused/base';
13
- export var iconButtonRoot = function iconButtonRoot(Root) {
14
- return /*#__PURE__*/forwardRef(function (props, ref) {
15
- var children = props.children,
16
- view = props.view,
17
- size = props.size,
18
- icon = props.icon,
19
- isLoading = props.isLoading,
20
- loader = props.loader,
21
- pin = props.pin,
22
- disabled = props.disabled,
23
- focused = props.focused,
24
- outlined = props.outlined,
25
- className = props.className,
26
- style = props.style,
27
- rest = _objectWithoutProperties(props, _excluded);
28
- return /*#__PURE__*/React.createElement(Root, {
29
- view: view,
30
- size: size,
31
- focused: focused,
32
- disabled: disabled,
33
- className: classes.iconButtonItem
34
- }, /*#__PURE__*/React.createElement(IconButtonStyled, _extends({
35
- view: view,
36
- size: size,
37
- loader: loader,
38
- isLoading: isLoading,
39
- pin: pin,
40
- disabled: disabled,
41
- focused: focused,
42
- outlined: outlined,
43
- ref: ref,
44
- square: true // Временное решение
45
- ,
46
- stretching: "fixed" // Не работает не понятное почему
47
- ,
48
- className: cx(className),
49
- style: style
50
- }, rest), icon || children));
51
- });
52
- };
1
+ import { buttonRoot } from '../Button';
2
+ import { base as viewCSS } from '../Button/variations/_view/base';
3
+ import { base as sizeCSS } from '../Button/variations/_size/base';
4
+ import { base as disabledCSS } from '../Button/variations/_disabled/base';
5
+ import { base as focusedCSS } from '../Button/variations/_focused/base';
6
+ import { base as blurredCSS } from '../Button/variations/_blurred/base';
7
+ import { base as stretchingCSS } from '../Button/variations/_stretching/base';
8
+ import { base } from './IconButton.styles';
9
+ export var iconButtonRoot = buttonRoot;
53
10
  export var iconButtonConfig = {
54
- name: 'Button',
55
- tag: 'div',
11
+ name: 'IconButton',
12
+ tag: 'button',
56
13
  layout: iconButtonRoot,
57
14
  base: base,
58
15
  variations: {
@@ -68,10 +25,17 @@ export var iconButtonConfig = {
68
25
  },
69
26
  focused: {
70
27
  css: focusedCSS
28
+ },
29
+ blurred: {
30
+ css: blurredCSS
31
+ },
32
+ stretching: {
33
+ css: stretchingCSS
71
34
  }
72
35
  },
73
36
  defaults: {
74
37
  view: 'secondary',
75
- size: 'm'
38
+ size: 'm',
39
+ stretching: 'fixed'
76
40
  }
77
41
  };
@@ -1,11 +1,6 @@
1
- import styled from 'styled-components';
2
1
  import { css } from 'styled-components';
3
- import { component, mergeConfig } from '../../engines';
4
- import { buttonConfig, buttonTokens } from '../Button';
5
- import { tokens, classes } from './IconButton.tokens';
6
- var mergedConfig = /*#__PURE__*/mergeConfig(buttonConfig);
7
- var Button = /*#__PURE__*/component(mergedConfig);
8
- export var base = /*#__PURE__*/css(["&&.", "{display:inline-flex;}"], classes.iconButtonItem);
9
- export var IconButtonStyled = /*#__PURE__*/styled(Button).withConfig({
10
- componentId: "plasma-new-hope__sc-bil9m7-0"
11
- })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], buttonTokens.buttonColor, tokens.iconButtonColor, buttonTokens.buttonBackgroundColor, tokens.iconButtonBackgroundColor, buttonTokens.buttonColorHover, tokens.iconButtonColorHover, buttonTokens.buttonBackgroundColorHover, tokens.iconButtonBackgroundColorHover, buttonTokens.buttonColorActive, tokens.iconButtonColorActive, buttonTokens.buttonBackgroundColorActive, tokens.iconButtonBackgroundColorActive, buttonTokens.buttonFontFamily, tokens.iconButtonFontFamily, buttonTokens.buttonFontSize, tokens.iconButtonFontSize, buttonTokens.buttonFontStyle, tokens.iconButtonFontStyle, buttonTokens.buttonFontWeight, tokens.iconButtonFontWeight, buttonTokens.buttonLetterSpacing, tokens.iconButtonLetterSpacing, buttonTokens.buttonLineHeight, tokens.iconButtonLineHeight, buttonTokens.buttonWidth, tokens.iconButtonWidth, buttonTokens.buttonHeight, tokens.iconButtonHeight, buttonTokens.buttonRadius, tokens.iconButtonRadius, buttonTokens.buttonDisabledOpacity, tokens.iconButtonDisabledOpacity, buttonTokens.buttonFocusColor, tokens.iconButtonFocusColor, buttonTokens.buttonSpinnerSize, tokens.iconButtonSpinnerSize, buttonTokens.buttonSpinnerColor, tokens.iconButtonSpinnerColor);
2
+ import { buttonTokens } from '../Button';
3
+ import { baseContent as buttonBase } from '../Button/Button.styles';
4
+ import { tokens } from './IconButton.tokens';
5
+ export var mappingOverride = /*#__PURE__*/"\n ".concat(buttonTokens.buttonPadding, ": 0;\n\n ").concat(buttonTokens.buttonColor, ": var(").concat(tokens.iconButtonColor, ");\n ").concat(buttonTokens.buttonBackgroundColor, ": var(").concat(tokens.iconButtonBackgroundColor, ");\n\n ").concat(buttonTokens.buttonColorHover, ": var(").concat(tokens.iconButtonColorHover, ");\n ").concat(buttonTokens.buttonBackgroundColorHover, ": var(").concat(tokens.iconButtonBackgroundColorHover, ");\n\n ").concat(buttonTokens.buttonColorActive, ": var(").concat(tokens.iconButtonColorActive, ");\n ").concat(buttonTokens.buttonBackgroundColorActive, ": var(").concat(tokens.iconButtonBackgroundColorActive, ");\n\n\n ").concat(buttonTokens.buttonFontFamily, ": var(").concat(tokens.iconButtonFontFamily, ");\n ").concat(buttonTokens.buttonFontSize, ": var(").concat(tokens.iconButtonFontSize, ");\n ").concat(buttonTokens.buttonFontStyle, ": var(").concat(tokens.iconButtonFontStyle, ");\n ").concat(buttonTokens.buttonFontWeight, ":var(").concat(tokens.iconButtonFontWeight, ");\n ").concat(buttonTokens.buttonLetterSpacing, ": var(").concat(tokens.iconButtonLetterSpacing, ");\n ").concat(buttonTokens.buttonLineHeight, ": var(").concat(tokens.iconButtonLineHeight, ");\n\n ").concat(buttonTokens.buttonWidth, ": var(").concat(tokens.iconButtonWidth, ");\n ").concat(buttonTokens.buttonHeight, ": var(").concat(tokens.iconButtonHeight, ");\n ").concat(buttonTokens.buttonRadius, ": var(").concat(tokens.iconButtonRadius, ");\n\n ").concat(buttonTokens.buttonDisabledOpacity, ": var(").concat(tokens.iconButtonDisabledOpacity, ");\n ").concat(buttonTokens.buttonFocusColor, ": var(").concat(tokens.iconButtonFocusColor, ");\n\n ").concat(buttonTokens.buttonSpinnerSize, ": var(").concat(tokens.iconButtonSpinnerSize, ");\n ").concat(buttonTokens.buttonSpinnerColor, ": var(").concat(tokens.iconButtonSpinnerColor, ");\n");
6
+ export var base = /*#__PURE__*/css(["", ";", ";"], buttonBase, mappingOverride);
@@ -1,6 +1,3 @@
1
- export var classes = {
2
- iconButtonItem: 'icon-button-item'
3
- };
4
1
  export var tokens = {
5
2
  iconButtonColor: '--plasma-icon-button-color',
6
3
  iconButtonBackgroundColor: '--plasma-icon-button-background-color',
@@ -1,2 +1,2 @@
1
1
  export { iconButtonRoot, iconButtonConfig } from './IconButton';
2
- export { tokens as iconButtonTokens, classes as iconButtonClasses } from './IconButton.tokens';
2
+ export { tokens as iconButtonTokens } from './IconButton.tokens';
@@ -25,7 +25,7 @@ export var config = {
25
25
  lr: /*#__PURE__*/css(["", ":3.5rem;", ":3.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-bold-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":1.375rem;", ":inherit;"], iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
26
26
  m: /*#__PURE__*/css(["", ":3rem;", ":3rem;", ":1.25rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1.375rem;", ":inherit;"], iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
27
27
  mr: /*#__PURE__*/css(["", ":3rem;", ":3rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1.375rem;", ":inherit;"], iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
28
- s: /*#__PURE__*/css(["", ":2.5rem;", ":2.5remm;", ":1rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.375rem;", ":inherit;"], iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
28
+ s: /*#__PURE__*/css(["", ":2.5rem;", ":2.5rem;", ":1rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.375rem;", ":inherit;"], iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
29
29
  sr: /*#__PURE__*/css(["", ":2.5rem;", ":2.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.375rem;", ":inherit;"], iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
30
30
  xs: /*#__PURE__*/css(["", ":2rem;", ":2rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":inherit;"], iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
31
31
  xsr: /*#__PURE__*/css(["", ":2rem;", ":2rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":inherit;"], iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor)
@@ -61,5 +61,9 @@ export const Default: StoryObj<ComponentProps<typeof IconButton>> = {
61
61
  focused: true,
62
62
  isLoading: false,
63
63
  },
64
- render: (args) => <IconButton {...args} icon={<IconChevronLeft size={getSizeForIcon(args.size)} />} />,
64
+ render: (args) => (
65
+ <IconButton {...args}>
66
+ <IconChevronLeft size={getSizeForIcon(args.size)} />
67
+ </IconButton>
68
+ ),
65
69
  };
@@ -25,7 +25,7 @@ export var config = {
25
25
  lr: /*#__PURE__*/css(["", ":3.5rem;", ":3.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-bold-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":1.375rem;", ":inherit;"], iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
26
26
  m: /*#__PURE__*/css(["", ":3rem;", ":3rem;", ":1.25rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1.375rem;", ":inherit;"], iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
27
27
  mr: /*#__PURE__*/css(["", ":3rem;", ":3rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1.375rem;", ":inherit;"], iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
28
- s: /*#__PURE__*/css(["", ":2.5rem;", ":2.5remm;", ":1rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.375rem;", ":inherit;"], iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
28
+ s: /*#__PURE__*/css(["", ":2.5rem;", ":2.5rem;", ":1rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.375rem;", ":inherit;"], iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
29
29
  sr: /*#__PURE__*/css(["", ":2.5rem;", ":2.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.375rem;", ":inherit;"], iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
30
30
  xs: /*#__PURE__*/css(["", ":2rem;", ":2rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":inherit;"], iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
31
31
  xsr: /*#__PURE__*/css(["", ":2rem;", ":2rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":inherit;"], iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor)
@@ -61,5 +61,9 @@ export const Default: StoryObj<ComponentProps<typeof IconButton>> = {
61
61
  focused: true,
62
62
  isLoading: false,
63
63
  },
64
- render: (args) => <IconButton {...args} icon={<IconChevronLeft size={getSizeForIcon(args.size)} />} />,
64
+ render: (args) => (
65
+ <IconButton {...args}>
66
+ <IconChevronLeft size={getSizeForIcon(args.size)} />
67
+ </IconButton>
68
+ ),
65
69
  };
@@ -21,4 +21,5 @@ export declare const StyledSpinner: import("@linaria/react").StyledMeta & import
21
21
  size?: undefined;
22
22
  view?: string | undefined;
23
23
  } & import("react").RefAttributes<HTMLDivElement>))>;
24
+ export declare const baseContent: string;
24
25
  //# sourceMappingURL=Button.styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.styles.ts"],"names":[],"mappings":";AAaA,eAAO,MAAM,IAAI,0CA0BhB,CAAC;AAKF,eAAO,MAAM,UAAU,uKAUtB,CAAC;AAGF,eAAO,MAAM,QAAQ;;EAOpB,CAAC;AAEF,eAAO,MAAM,MAAM,qKAElB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;oDAGzB,CAAC"}
1
+ {"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.styles.ts"],"names":[],"mappings":";AAaA,eAAO,MAAM,IAAI,0CA0BhB,CAAC;AAKF,eAAO,MAAM,UAAU,uKAUtB,CAAC;AAGF,eAAO,MAAM,QAAQ;;EAOpB,CAAC;AAEF,eAAO,MAAM,MAAM,qKAElB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;oDAGzB,CAAC;AAGF,eAAO,MAAM,WAAW,QA6FvB,CAAC"}
@@ -1,11 +1,9 @@
1
- import React from 'react';
2
- import type { RootProps } from '../../engines';
3
- import type { IconButtonProps } from './IconButton.types';
4
- export declare const iconButtonRoot: (Root: RootProps<HTMLButtonElement, IconButtonProps>) => React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
1
+ /// <reference types="react" />
2
+ export declare const iconButtonRoot: (Root: import("../..").RootProps<HTMLButtonElement, import("../Button").ButtonProps<HTMLElement>>) => import("react").ForwardRefExoticComponent<import("../Button").ButtonProps<HTMLElement> & import("react").RefAttributes<HTMLButtonElement>>;
5
3
  export declare const iconButtonConfig: {
6
4
  name: string;
7
5
  tag: string;
8
- layout: (Root: RootProps<HTMLButtonElement, IconButtonProps>) => React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
6
+ layout: (Root: import("../..").RootProps<HTMLButtonElement, import("../Button").ButtonProps<HTMLElement>>) => import("react").ForwardRefExoticComponent<import("../Button").ButtonProps<HTMLElement> & import("react").RefAttributes<HTMLButtonElement>>;
9
7
  base: import("@linaria/core").LinariaClassName;
10
8
  variations: {
11
9
  view: {
@@ -21,10 +19,17 @@ export declare const iconButtonConfig: {
21
19
  focused: {
22
20
  css: import("@linaria/core").LinariaClassName;
23
21
  };
22
+ blurred: {
23
+ css: import("@linaria/core").LinariaClassName;
24
+ };
25
+ stretching: {
26
+ css: import("@linaria/core").LinariaClassName;
27
+ };
24
28
  };
25
29
  defaults: {
26
30
  view: string;
27
31
  size: string;
32
+ stretching: string;
28
33
  };
29
34
  };
30
35
  //# sourceMappingURL=IconButton.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI/C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAO1D,eAAO,MAAM,cAAc,SAAU,UAAU,iBAAiB,EAAE,eAAe,CAAC,8FAwC5E,CAAC;AAEP,eAAO,MAAM,gBAAgB;;;mBA1CQ,UAAU,iBAAiB,EAAE,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;;CAkEjF,CAAC"}
1
+ {"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":";AAUA,eAAO,MAAM,cAAc,kPAAa,CAAC;AAEzC,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+B5B,CAAC"}
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
1
+ export declare const mappingOverride: string;
2
2
  export declare const base: import("@linaria/core").LinariaClassName;
3
- export declare const IconButtonStyled: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../engines/types").PropsType<import("../../engines/types").Variants> & import("../Button").ButtonProps<HTMLElement> & import("react").RefAttributes<HTMLButtonElement>>;
4
3
  //# sourceMappingURL=IconButton.styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"IconButton.styles.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.styles.ts"],"names":[],"mappings":";AAWA,eAAO,MAAM,IAAI,0CAIhB,CAAC;AAEF,eAAO,MAAM,gBAAgB,4PA2B5B,CAAC"}
1
+ {"version":3,"file":"IconButton.styles.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,eAAe,QA6B3B,CAAC;AAEF,eAAO,MAAM,IAAI,0CAGhB,CAAC"}
@@ -1,6 +1,3 @@
1
- export declare const classes: {
2
- iconButtonItem: string;
3
- };
4
1
  export declare const tokens: {
5
2
  iconButtonColor: string;
6
3
  iconButtonBackgroundColor: string;
@@ -1 +1 @@
1
- {"version":3,"file":"IconButton.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;CA4BlB,CAAC"}
1
+ {"version":3,"file":"IconButton.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;CA4BlB,CAAC"}
@@ -1,4 +1,3 @@
1
1
  export { iconButtonRoot, iconButtonConfig } from './IconButton';
2
- export type { IconButtonProps } from './IconButton.types';
3
- export { tokens as iconButtonTokens, classes as iconButtonClasses } from './IconButton.tokens';
2
+ export { tokens as iconButtonTokens } from './IconButton.tokens';
4
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChE,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,MAAM,IAAI,gBAAgB,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,MAAM,IAAI,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}
@@ -29,5 +29,5 @@ export declare const IconButton: import("react").FunctionComponent<import("../..
29
29
  focused: {
30
30
  true: import("@linaria/core").LinariaClassName;
31
31
  };
32
- }> & import("../../../../components/IconButton").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
32
+ }> & import("../../../..").ButtonProps<HTMLElement> & import("react").RefAttributes<HTMLButtonElement>>;
33
33
  //# sourceMappingURL=IconButton.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/IconButton/IconButton.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oHAA0B,CAAC"}
1
+ {"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/IconButton/IconButton.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uGAA0B,CAAC"}
@@ -29,5 +29,5 @@ export declare const IconButton: import("react").FunctionComponent<import("../..
29
29
  focused: {
30
30
  true: import("@linaria/core").LinariaClassName;
31
31
  };
32
- }> & import("../../../../components/IconButton").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
32
+ }> & import("../../../..").ButtonProps<HTMLElement> & import("react").RefAttributes<HTMLButtonElement>>;
33
33
  //# sourceMappingURL=IconButton.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/IconButton/IconButton.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oHAA0B,CAAC"}
1
+ {"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/IconButton/IconButton.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uGAA0B,CAAC"}
@@ -1,2 +0,0 @@
1
- .b1ua728l.b1ua728l.icon-button-item{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
2
- .i5roq7j{--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}
@@ -1,9 +0,0 @@
1
- import './base_x642ct.css';
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, '__esModule', { value: true });
5
-
6
- var base = "b15ha9z4";
7
-
8
- exports.base = base;
9
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/IconButton/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}
@@ -1,9 +0,0 @@
1
- import './base_x642ct.css';
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, '__esModule', { value: true });
5
-
6
- var base = "b1pj3n57";
7
-
8
- exports.base = base;
9
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/IconButton/variations/_focused/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}
@@ -1,9 +0,0 @@
1
- import './base_x642ct.css';
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, '__esModule', { value: true });
5
-
6
- var base = "b4yj8r9";
7
-
8
- exports.base = base;
9
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/IconButton/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}
@@ -1,9 +0,0 @@
1
- import './base_x642ct.css';
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, '__esModule', { value: true });
5
-
6
- var base = "brdyrmj";
7
-
8
- exports.base = base;
9
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/IconButton/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}
@@ -1,2 +0,0 @@
1
- .b1ua728l.b1ua728l.icon-button-item{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
2
- .i5roq7j{--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}
@@ -1,5 +0,0 @@
1
- import './base_x642ct.css';
2
- var base = "b15ha9z4";
3
-
4
- export { base };
5
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/IconButton/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
@@ -1,5 +0,0 @@
1
- import './base_x642ct.css';
2
- var base = "b1pj3n57";
3
-
4
- export { base };
5
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/IconButton/variations/_focused/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
@@ -1,5 +0,0 @@
1
- import './base_x642ct.css';
2
- var base = "b4yj8r9";
3
-
4
- export { base };
5
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/IconButton/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
@@ -1,5 +0,0 @@
1
- import './base_x642ct.css';
2
- var base = "brdyrmj";
3
-
4
- export { base };
5
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/IconButton/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
@@ -1,5 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
@@ -1,8 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);
@@ -1,8 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);
@@ -1,8 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);
@@ -1,8 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);
@@ -1,2 +0,0 @@
1
- import { css } from 'styled-components';
2
- export var base = /*#__PURE__*/css([""]);
@@ -1,2 +0,0 @@
1
- import { css } from 'styled-components';
2
- export var base = /*#__PURE__*/css([""]);
@@ -1,2 +0,0 @@
1
- import { css } from 'styled-components';
2
- export var base = /*#__PURE__*/css([""]);
@@ -1,2 +0,0 @@
1
- import { css } from 'styled-components';
2
- export var base = /*#__PURE__*/css([""]);
@@ -1,13 +0,0 @@
1
- /// <reference types="react" />
2
- import type { ButtonProps } from '../Button';
3
- declare type CustomIconButton = {
4
- /**
5
- * Иконка
6
- */
7
- icon?: React.ReactNode;
8
- };
9
- declare type OmitButtonProps = Omit<ButtonProps, 'text' | 'contentLeft' | 'contentRight' | 'stretch' | 'stretching' | 'square' | 'shiftLeft' | 'shiftRight' | 'blur'>;
10
- export interface IconButtonProps extends CustomIconButton, OmitButtonProps {
11
- }
12
- export {};
13
- //# sourceMappingURL=IconButton.types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"IconButton.types.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C,aAAK,gBAAgB,GAAG;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAEF,aAAK,eAAe,GAAG,IAAI,CACvB,WAAW,EACX,MAAM,GAAG,aAAa,GAAG,cAAc,GAAG,SAAS,GAAG,YAAY,GAAG,QAAQ,GAAG,WAAW,GAAG,YAAY,GAAG,MAAM,CACtH,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,gBAAgB,EAAE,eAAe;CAAG"}
@@ -1,2 +0,0 @@
1
- export declare const base: import("@linaria/core").LinariaClassName;
2
- //# sourceMappingURL=base.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/IconButton/variations/_disabled/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
@@ -1,2 +0,0 @@
1
- export declare const base: import("@linaria/core").LinariaClassName;
2
- //# sourceMappingURL=base.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/IconButton/variations/_focused/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}