@salutejs/plasma-new-hope 0.337.0-canary.2263.18100873808.0 → 0.338.0-canary.2265.18133572802.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.
Files changed (131) hide show
  1. package/cjs/components/Avatar/Avatar.js +10 -4
  2. package/cjs/components/Avatar/Avatar.js.map +1 -1
  3. package/cjs/components/Avatar/Avatar.styles.js +25 -9
  4. package/cjs/components/Avatar/Avatar.styles.js.map +1 -1
  5. package/cjs/components/Avatar/{Avatar.styles_1kvh8pj.css → Avatar.styles_6sms9z.css} +2 -2
  6. package/cjs/components/Avatar/variations/_shape/base.js +1 -1
  7. package/cjs/components/Avatar/variations/_shape/base.js.map +1 -1
  8. package/cjs/components/Avatar/variations/_shape/base_11jnrrz.css +1 -0
  9. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +1 -1
  10. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
  11. package/cjs/components/Pagination/utils/index.js +10 -1
  12. package/cjs/components/Pagination/utils/index.js.map +1 -1
  13. package/cjs/components/Tree/Tree.css +7 -7
  14. package/cjs/components/Tree/Tree.js +15 -6
  15. package/cjs/components/Tree/Tree.js.map +1 -1
  16. package/cjs/components/Tree/Tree.styles.js +37 -7
  17. package/cjs/components/Tree/Tree.styles.js.map +1 -1
  18. package/cjs/components/Tree/Tree.styles_ihv9l0.css +8 -0
  19. package/cjs/components/Tree/Tree.tokens.js +3 -1
  20. package/cjs/components/Tree/Tree.tokens.js.map +1 -1
  21. package/cjs/components/Tree/utils/sizeToIconSize.js +2 -2
  22. package/cjs/components/Tree/utils/sizeToIconSize.js.map +1 -1
  23. package/cjs/index.css +16 -16
  24. package/emotion/cjs/components/Avatar/Avatar.js +12 -7
  25. package/emotion/cjs/components/Avatar/Avatar.styles.js +22 -16
  26. package/emotion/cjs/components/Avatar/variations/_shape/base.js +1 -1
  27. package/emotion/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +1 -1
  28. package/emotion/cjs/components/Pagination/utils/index.js +36 -1
  29. package/emotion/cjs/components/Tree/Tree.js +14 -9
  30. package/emotion/cjs/components/Tree/Tree.styles.js +27 -16
  31. package/emotion/cjs/components/Tree/Tree.tokens.js +3 -1
  32. package/emotion/cjs/components/Tree/utils/sizeToIconSize.js +2 -2
  33. package/emotion/cjs/examples/components/Chip/Chip.js +29 -5
  34. package/emotion/cjs/examples/components/Chip/Chip.transparent.config.js +45 -0
  35. package/emotion/cjs/examples/components/Combobox/Combobox.js +0 -15
  36. package/emotion/cjs/examples/components/Tree/Tree.config.js +5 -5
  37. package/emotion/es/components/Avatar/Avatar.js +12 -7
  38. package/emotion/es/components/Avatar/Avatar.styles.js +22 -16
  39. package/emotion/es/components/Avatar/variations/_shape/base.js +2 -2
  40. package/emotion/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +1 -1
  41. package/emotion/es/components/Pagination/utils/index.js +36 -1
  42. package/emotion/es/components/Tree/Tree.js +12 -7
  43. package/emotion/es/components/Tree/Tree.styles.js +27 -16
  44. package/emotion/es/components/Tree/Tree.tokens.js +3 -1
  45. package/emotion/es/components/Tree/utils/sizeToIconSize.js +2 -2
  46. package/emotion/es/examples/components/Chip/Chip.js +15 -2
  47. package/emotion/es/examples/components/Chip/Chip.transparent.config.js +35 -0
  48. package/emotion/es/examples/components/Combobox/Combobox.js +0 -7
  49. package/emotion/es/examples/components/Tree/Tree.config.js +5 -5
  50. package/es/components/Avatar/Avatar.js +10 -4
  51. package/es/components/Avatar/Avatar.js.map +1 -1
  52. package/es/components/Avatar/Avatar.styles.js +25 -9
  53. package/es/components/Avatar/Avatar.styles.js.map +1 -1
  54. package/es/components/Avatar/{Avatar.styles_1kvh8pj.css → Avatar.styles_6sms9z.css} +2 -2
  55. package/es/components/Avatar/variations/_shape/base.js +1 -1
  56. package/es/components/Avatar/variations/_shape/base.js.map +1 -1
  57. package/es/components/Avatar/variations/_shape/base_11jnrrz.css +1 -0
  58. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +1 -1
  59. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
  60. package/es/components/Pagination/utils/index.js +10 -1
  61. package/es/components/Pagination/utils/index.js.map +1 -1
  62. package/es/components/Tree/Tree.css +7 -7
  63. package/es/components/Tree/Tree.js +14 -6
  64. package/es/components/Tree/Tree.js.map +1 -1
  65. package/es/components/Tree/Tree.styles.js +37 -7
  66. package/es/components/Tree/Tree.styles.js.map +1 -1
  67. package/es/components/Tree/Tree.styles_ihv9l0.css +8 -0
  68. package/es/components/Tree/Tree.tokens.js +3 -1
  69. package/es/components/Tree/Tree.tokens.js.map +1 -1
  70. package/es/components/Tree/utils/sizeToIconSize.js +2 -2
  71. package/es/components/Tree/utils/sizeToIconSize.js.map +1 -1
  72. package/es/index.css +16 -16
  73. package/package.json +2 -2
  74. package/styled-components/cjs/components/Avatar/Avatar.js +11 -6
  75. package/styled-components/cjs/components/Avatar/Avatar.styles.js +18 -10
  76. package/styled-components/cjs/components/Avatar/variations/_shape/base.js +1 -5
  77. package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +1 -1
  78. package/styled-components/cjs/components/Pagination/utils/index.js +36 -1
  79. package/styled-components/cjs/components/Tree/Tree.js +14 -9
  80. package/styled-components/cjs/components/Tree/Tree.styles.js +38 -27
  81. package/styled-components/cjs/components/Tree/Tree.tokens.js +3 -1
  82. package/styled-components/cjs/components/Tree/utils/sizeToIconSize.js +2 -2
  83. package/styled-components/cjs/examples/components/Chip/Chip.js +29 -5
  84. package/styled-components/cjs/examples/components/Chip/Chip.transparent.config.js +225 -0
  85. package/styled-components/cjs/examples/components/Tree/Tree.config.js +12 -8
  86. package/styled-components/es/components/Avatar/Avatar.js +11 -6
  87. package/styled-components/es/components/Avatar/Avatar.styles.js +18 -10
  88. package/styled-components/es/components/Avatar/variations/_shape/base.js +2 -6
  89. package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +1 -1
  90. package/styled-components/es/components/Pagination/utils/index.js +36 -1
  91. package/styled-components/es/components/Tree/Tree.js +12 -7
  92. package/styled-components/es/components/Tree/Tree.styles.js +38 -27
  93. package/styled-components/es/components/Tree/Tree.tokens.js +3 -1
  94. package/styled-components/es/components/Tree/utils/sizeToIconSize.js +2 -2
  95. package/styled-components/es/examples/components/Chip/Chip.js +15 -2
  96. package/styled-components/es/examples/components/Chip/Chip.transparent.config.js +215 -0
  97. package/styled-components/es/examples/components/Tree/Tree.config.js +12 -8
  98. package/types/components/Avatar/Avatar.d.ts.map +1 -1
  99. package/types/components/Avatar/Avatar.styles.d.ts +4 -1
  100. package/types/components/Avatar/Avatar.styles.d.ts.map +1 -1
  101. package/types/components/Avatar/Avatar.types.d.ts +4 -0
  102. package/types/components/Avatar/Avatar.types.d.ts.map +1 -1
  103. package/types/components/Avatar/variations/_shape/base.d.ts.map +1 -1
  104. package/types/components/Chip/Chip.types.d.ts +1 -0
  105. package/types/components/Chip/Chip.types.d.ts.map +1 -1
  106. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts.map +1 -1
  107. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts +5 -0
  108. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts.map +1 -1
  109. package/types/components/Pagination/Pagination.types.d.ts +1 -1
  110. package/types/components/Pagination/utils/index.d.ts +1 -1
  111. package/types/components/Pagination/utils/index.d.ts.map +1 -1
  112. package/types/components/Tree/Tree.d.ts.map +1 -1
  113. package/types/components/Tree/Tree.styles.d.ts +4 -1
  114. package/types/components/Tree/Tree.styles.d.ts.map +1 -1
  115. package/types/components/Tree/Tree.tokens.d.ts +2 -0
  116. package/types/components/Tree/Tree.tokens.d.ts.map +1 -1
  117. package/types/components/Tree/Tree.types.d.ts +10 -0
  118. package/types/components/Tree/Tree.types.d.ts.map +1 -1
  119. package/types/components/Tree/utils/sizeToIconSize.d.ts +1 -1
  120. package/types/components/Tree/utils/sizeToIconSize.d.ts.map +1 -1
  121. package/types/examples/components/Avatar/Avatar.d.ts +4 -0
  122. package/types/examples/components/Avatar/Avatar.d.ts.map +1 -1
  123. package/types/examples/components/Chip/Chip.d.ts +55 -1
  124. package/types/examples/components/Chip/Chip.d.ts.map +1 -1
  125. package/types/examples/components/Chip/Chip.transparent.config.d.ts +34 -0
  126. package/types/examples/components/Chip/Chip.transparent.config.d.ts.map +1 -0
  127. package/types/examples/components/Tree/Tree.config.d.ts.map +1 -1
  128. package/cjs/components/Avatar/variations/_shape/base_1qwucc7.css +0 -1
  129. package/cjs/components/Tree/Tree.styles_1bw3k0r.css +0 -8
  130. package/es/components/Avatar/variations/_shape/base_1qwucc7.css +0 -1
  131. package/es/components/Tree/Tree.styles_1bw3k0r.css +0 -8
@@ -4,7 +4,8 @@ export var classes = {
4
4
  treeItemPrimaryBackground: 'tree-item-primary-background',
5
5
  treeItemHasSelectedChildren: 'tree-item-has-selected-children',
6
6
  treeRadioMode: 'tree-radio-mode',
7
- treeLeafNode: 'tree-leaf-node'
7
+ treeLeafNode: 'tree-leaf-node',
8
+ treeTightVariant: 'tree-tight-variant'
8
9
  };
9
10
  export var treeTokens = {
10
11
  arrowColor: '--plasma-tree-arrow-color',
@@ -36,6 +37,7 @@ export var treeTokens = {
36
37
  checkboxMargin: '--plasma-tree-checkbox-margin',
37
38
  checkboxBorderColor: '--plasma-tree-checkbox-border-color',
38
39
  checkboxBackgroundColor: '--plasma-tree-checkbox-background-color',
40
+ itemBackgroundExtraOffset: '--plasma-tree-item-background-extra-offset',
39
41
  itemBackgroundColorSelected: '--plasma-tree-item-background-color-selected',
40
42
  itemBackgroundColorPrimary: '--plasma-tree-item-background-color-primary',
41
43
  itemBackgroundColorHover: '--plasma-tree-item-background-color-hover',
@@ -1,4 +1,4 @@
1
- export var sizeToIconSize = function(size) {
2
- if (size === 'xs') return 'xs';
1
+ export var sizeToIconSize = function(size, variant) {
2
+ if (size === 'xs' || variant === 'tight' && size === 's') return 'xs';
3
3
  return 's';
4
4
  };
@@ -1,5 +1,18 @@
1
+ import { createConditionalComponent } from "../../../utils/createConditionalComponent";
1
2
  import { chipConfig } from "../../../components/Chip";
2
3
  import { component, mergeConfig } from "../../../engines";
3
4
  import { config } from "./Chip.config";
4
- var mergedConfig = mergeConfig(chipConfig, config);
5
- export var Chip = component(mergedConfig);
5
+ import { config as clearConfig } from "./Chip.transparent.config";
6
+ var mergedConfigDefault = mergeConfig(chipConfig, config);
7
+ export var ChipDefault = component(mergedConfigDefault);
8
+ var mergedConfigTransparent = mergeConfig(chipConfig, clearConfig);
9
+ export var ChipTransparent = component(mergedConfigTransparent);
10
+ export var Chip = createConditionalComponent(ChipDefault, [
11
+ {
12
+ conditions: {
13
+ prop: 'appearance',
14
+ value: 'transparent'
15
+ },
16
+ component: ChipTransparent
17
+ }
18
+ ]);