@salutejs/plasma-new-hope 0.340.0 → 0.341.0-canary.1983.19293584177.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 (82) hide show
  1. package/cjs/components/Breadcrumbs/Breadcrumbs.css +3 -1
  2. package/cjs/components/Breadcrumbs/utils/getShortItems.css +3 -1
  3. package/cjs/components/Link/Link.js +8 -4
  4. package/cjs/components/Link/Link.js.map +1 -1
  5. package/cjs/components/Link/Link.tokens.js +5 -0
  6. package/cjs/components/Link/Link.tokens.js.map +1 -1
  7. package/cjs/components/Link/_size/base.js +9 -0
  8. package/cjs/components/Link/_size/base.js.map +1 -0
  9. package/cjs/components/Link/_size/base_z01401.css +1 -0
  10. package/cjs/components/Link/_view/base.js +1 -1
  11. package/cjs/components/Link/_view/base.js.map +1 -1
  12. package/cjs/components/Link/_view/base_r5vd7o.css +1 -0
  13. package/cjs/components/NavigationDrawer/ui/MenuItem/MenuItem.css +31 -12
  14. package/cjs/components/NavigationDrawer/ui/Section/Section.css +31 -12
  15. package/cjs/examples/components/Link/Link.config.js +23 -3
  16. package/cjs/examples/components/Link/Link.config.js.map +1 -1
  17. package/cjs/examples/components/Link/Link.config_p0qack.css +28 -0
  18. package/cjs/examples/components/Link/Link.css +31 -12
  19. package/cjs/index.css +31 -12
  20. package/emotion/cjs/components/Link/Link.js +9 -5
  21. package/emotion/cjs/components/Link/Link.tokens.js +5 -0
  22. package/emotion/cjs/components/Link/_size/base.js +13 -0
  23. package/emotion/cjs/components/Link/_view/base.js +1 -1
  24. package/emotion/cjs/engines/emotion.js +8 -4
  25. package/emotion/cjs/examples/components/Link/Link.config.js +31 -11
  26. package/emotion/es/components/Link/Link.js +5 -1
  27. package/emotion/es/components/Link/Link.tokens.js +5 -0
  28. package/emotion/es/components/Link/_size/base.js +3 -0
  29. package/emotion/es/components/Link/_view/base.js +1 -1
  30. package/emotion/es/engines/emotion.js +8 -4
  31. package/emotion/es/examples/components/Combobox/Combobox.js +0 -7
  32. package/emotion/es/examples/components/Link/Link.config.js +31 -11
  33. package/es/components/Breadcrumbs/Breadcrumbs.css +3 -1
  34. package/es/components/Breadcrumbs/utils/getShortItems.css +3 -1
  35. package/es/components/Link/Link.js +8 -4
  36. package/es/components/Link/Link.js.map +1 -1
  37. package/es/components/Link/Link.tokens.js +5 -0
  38. package/es/components/Link/Link.tokens.js.map +1 -1
  39. package/es/components/Link/_size/base.js +5 -0
  40. package/es/components/Link/_size/base.js.map +1 -0
  41. package/es/components/Link/_size/base_z01401.css +1 -0
  42. package/es/components/Link/_view/base.js +1 -1
  43. package/es/components/Link/_view/base.js.map +1 -1
  44. package/es/components/Link/_view/base_r5vd7o.css +1 -0
  45. package/es/components/NavigationDrawer/ui/MenuItem/MenuItem.css +31 -12
  46. package/es/components/NavigationDrawer/ui/Section/Section.css +31 -12
  47. package/es/examples/components/Link/Link.config.js +23 -3
  48. package/es/examples/components/Link/Link.config.js.map +1 -1
  49. package/es/examples/components/Link/Link.config_p0qack.css +28 -0
  50. package/es/examples/components/Link/Link.css +31 -12
  51. package/es/index.css +31 -12
  52. package/package.json +2 -2
  53. package/styled-components/cjs/components/Link/Link.js +8 -4
  54. package/styled-components/cjs/components/Link/Link.tokens.js +5 -0
  55. package/styled-components/cjs/components/Link/_size/base.js +21 -0
  56. package/styled-components/cjs/components/Link/_view/base.js +2 -3
  57. package/styled-components/cjs/engines/styled-components.js +8 -3
  58. package/styled-components/cjs/examples/components/Combobox/Combobox.js +15 -0
  59. package/styled-components/cjs/examples/components/Link/Link.config.js +165 -18
  60. package/styled-components/es/components/Link/Link.js +4 -0
  61. package/styled-components/es/components/Link/Link.tokens.js +5 -0
  62. package/styled-components/es/components/Link/_size/base.js +11 -0
  63. package/styled-components/es/components/Link/_view/base.js +2 -3
  64. package/styled-components/es/engines/styled-components.js +8 -3
  65. package/styled-components/es/examples/components/Link/Link.config.js +165 -18
  66. package/types/components/Link/Link.d.ts +3 -0
  67. package/types/components/Link/Link.d.ts.map +1 -1
  68. package/types/components/Link/Link.tokens.d.ts +5 -0
  69. package/types/components/Link/Link.tokens.d.ts.map +1 -1
  70. package/types/components/Link/_size/base.d.ts +2 -0
  71. package/types/components/Link/_size/base.d.ts.map +1 -0
  72. package/types/components/Link/_view/base.d.ts.map +1 -1
  73. package/types/engines/emotion.d.ts.map +1 -1
  74. package/types/engines/styled-components.d.ts.map +1 -1
  75. package/types/examples/components/Link/Link.config.d.ts +20 -0
  76. package/types/examples/components/Link/Link.config.d.ts.map +1 -1
  77. package/types/examples/components/Link/Link.d.ts +19 -0
  78. package/types/examples/components/Link/Link.d.ts.map +1 -1
  79. package/cjs/components/Link/_view/base_1vy4dme.css +0 -1
  80. package/cjs/examples/components/Link/Link.config_zeymp2.css +0 -11
  81. package/es/components/Link/_view/base_1vy4dme.css +0 -1
  82. package/es/examples/components/Link/Link.config_zeymp2.css +0 -11
package/es/index.css CHANGED
@@ -95,7 +95,9 @@
95
95
  .Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--plasma-private-gap);}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_hasChunks__fdfdc75e{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_hasChunks__fdfdc75e.Flow_styles_1pwyxt2_vertical__fdfdc75e{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_vertical__fdfdc75e{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e{display:grid;grid-template-columns:repeat(var(--plasma-private-items),auto);grid-auto-flow:row;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e.Flow_styles_1pwyxt2_elastic__fdfdc75e{grid-template-columns:repeat(auto-fill,minmax(var(--plasma-private-min-width),auto));grid-auto-flow:row;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e:not(.Flow_styles_1pwyxt2_vertical__fdfdc75e)[data-arrangement='start']{justify-items:start;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e:not(.Flow_styles_1pwyxt2_vertical__fdfdc75e)[data-arrangement='center']{justify-items:center;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e:not(.Flow_styles_1pwyxt2_vertical__fdfdc75e)[data-arrangement='end']{justify-items:end;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e:not(.Flow_styles_1pwyxt2_vertical__fdfdc75e)[data-arrangement='spaceBetween']{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e:not(.Flow_styles_1pwyxt2_vertical__fdfdc75e)[data-arrangement='spaceAround']{-webkit-box-pack:space-around;-webkit-justify-content:space-around;-ms-flex-pack:space-around;justify-content:space-around;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e:not(.Flow_styles_1pwyxt2_vertical__fdfdc75e)[data-alignment='start']{-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e:not(.Flow_styles_1pwyxt2_vertical__fdfdc75e)[data-alignment='center']{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e:not(.Flow_styles_1pwyxt2_vertical__fdfdc75e)[data-alignment='end']{-webkit-align-items:end;-webkit-box-align:end;-ms-flex-align:end;align-items:end;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e.Flow_styles_1pwyxt2_vertical__fdfdc75e{grid-template-columns:auto;grid-template-rows:repeat(var(--plasma-private-items),auto);grid-auto-flow:column;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e.Flow_styles_1pwyxt2_vertical__fdfdc75e[data-arrangement='start']{-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e.Flow_styles_1pwyxt2_vertical__fdfdc75e[data-arrangement='center']{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e.Flow_styles_1pwyxt2_vertical__fdfdc75e[data-arrangement='end']{-webkit-align-items:end;-webkit-box-align:end;-ms-flex-align:end;align-items:end;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e.Flow_styles_1pwyxt2_vertical__fdfdc75e[data-arrangement='spaceBetween']{-webkit-align-content:space-between;-ms-flex-line-pack:space-between;align-content:space-between;-webkit-align-items:normal;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e.Flow_styles_1pwyxt2_vertical__fdfdc75e[data-arrangement='spaceAround']{-webkit-align-content:space-around;-ms-flex-line-pack:space-around;align-content:space-around;-webkit-align-items:normal;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e.Flow_styles_1pwyxt2_vertical__fdfdc75e[data-alignment='start']{justify-items:start;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e.Flow_styles_1pwyxt2_vertical__fdfdc75e[data-alignment='center']{justify-items:center;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e.Flow_styles_1pwyxt2_vertical__fdfdc75e[data-alignment='end']{justify-items:end;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e:not(.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e):not(.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_hasChunks__fdfdc75e){-webkit-align-content:start;-ms-flex-line-pack:start;align-content:start;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e:not(.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e):not(.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_hasChunks__fdfdc75e)[data-arrangement='start']{-webkit-box-pack:start;-webkit-justify-content:start;-ms-flex-pack:start;justify-content:start;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e:not(.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e):not(.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_hasChunks__fdfdc75e)[data-arrangement='center']{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e:not(.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e):not(.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_hasChunks__fdfdc75e)[data-arrangement='end']{-webkit-box-pack:end;-webkit-justify-content:end;-ms-flex-pack:end;justify-content:end;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e:not(.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e):not(.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_hasChunks__fdfdc75e)[data-arrangement='spaceBetween']{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e:not(.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e):not(.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_hasChunks__fdfdc75e)[data-arrangement='spaceAround']{-webkit-box-pack:space-around;-webkit-justify-content:space-around;-ms-flex-pack:space-around;justify-content:space-around;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e:not(.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e):not(.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_hasChunks__fdfdc75e)[data-alignment='start']{-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e:not(.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e):not(.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_hasChunks__fdfdc75e)[data-alignment='center']{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e:not(.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_grid__fdfdc75e):not(.Flow_styles_1pwyxt2_b1iyfec1__fdfdc75e.Flow_styles_1pwyxt2_hasChunks__fdfdc75e)[data-alignment='end']{-webkit-align-items:end;-webkit-box-align:end;-ms-flex-align:end;align-items:end;}
96
96
  .Flow_styles_1pwyxt2_lxs138i__fdfdc75e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;gap:var(--plasma-private-gap);}.Flow_styles_1pwyxt2_lxs138i__fdfdc75e.Flow_styles_1pwyxt2_vertical__fdfdc75e{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;}.Flow_styles_1pwyxt2_lxs138i__fdfdc75e[data-arrangement='start']{-webkit-box-pack:start;-webkit-justify-content:start;-ms-flex-pack:start;justify-content:start;}.Flow_styles_1pwyxt2_lxs138i__fdfdc75e[data-arrangement='center']{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.Flow_styles_1pwyxt2_lxs138i__fdfdc75e[data-arrangement='end']{-webkit-box-pack:end;-webkit-justify-content:end;-ms-flex-pack:end;justify-content:end;}.Flow_styles_1pwyxt2_lxs138i__fdfdc75e[data-arrangement='spaceBetween']{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.Flow_styles_1pwyxt2_lxs138i__fdfdc75e[data-arrangement='spaceAround']{-webkit-box-pack:space-around;-webkit-justify-content:space-around;-ms-flex-pack:space-around;justify-content:space-around;}.Flow_styles_1pwyxt2_lxs138i__fdfdc75e[data-alignment='start']{-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;}.Flow_styles_1pwyxt2_lxs138i__fdfdc75e[data-alignment='center']{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Flow_styles_1pwyxt2_lxs138i__fdfdc75e[data-alignment='end']{-webkit-align-items:end;-webkit-box-align:end;-ms-flex-align:end;align-items:end;}
97
97
 
98
- .base_1vy4dme_bcchm3r__d3e4eaba{font-family:var(--plasma-link-font-family);color:var(--plasma-link-color);}.base_1vy4dme_bcchm3r__d3e4eaba::before{border-bottom:var(--plasma-link-underline-border) solid currentColor;}.base_1vy4dme_bcchm3r__d3e4eaba:hover{color:var(--plasma-link-color-hover,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:hover::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:active{color:var(--plasma-link-color-active,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:active::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited{color:var(--plasma-link-color-visited,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited:hover{color:var(--plasma-link-color-visited-hover,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited:hover::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited:active{color:var(--plasma-link-color-visited-active,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited:active::before{opacity:1;}
98
+ .base_r5vd7o_bcchm3r__d09a764d{color:var(--plasma-link-color);}.base_r5vd7o_bcchm3r__d09a764d::before{border-bottom:var(--plasma-link-underline-border) solid currentColor;}.base_r5vd7o_bcchm3r__d09a764d:hover{color:var(--plasma-link-color-hover,var(--plasma-link-color));}.base_r5vd7o_bcchm3r__d09a764d:hover::before{opacity:1;}.base_r5vd7o_bcchm3r__d09a764d:active{color:var(--plasma-link-color-active,var(--plasma-link-color));}.base_r5vd7o_bcchm3r__d09a764d:active::before{opacity:1;}.base_r5vd7o_bcchm3r__d09a764d:visited{color:var(--plasma-link-color-visited,var(--plasma-link-color));}.base_r5vd7o_bcchm3r__d09a764d:visited::before{opacity:1;}.base_r5vd7o_bcchm3r__d09a764d:visited:hover{color:var(--plasma-link-color-visited-hover,var(--plasma-link-color));}.base_r5vd7o_bcchm3r__d09a764d:visited:hover::before{opacity:1;}.base_r5vd7o_bcchm3r__d09a764d:visited:active{color:var(--plasma-link-color-visited-active,var(--plasma-link-color));}.base_r5vd7o_bcchm3r__d09a764d:visited:active::before{opacity:1;}
99
+
100
+ .base_z01401_b1g3le52__67c3cb65{font-family:var(--plasma-link-font-family);font-size:var(--plasma-link-font-size);font-style:var(--plasma-link-font-style);font-weight:var(--plasma-link-font-weight);-webkit-letter-spacing:var(--plasma-link-letter-spacing);-moz-letter-spacing:var(--plasma-link-letter-spacing);-ms-letter-spacing:var(--plasma-link-letter-spacing);letter-spacing:var(--plasma-link-letter-spacing);line-height:var(--plasma-link-line-height);}
99
101
 
100
102
  .base_1w750p8_b1j3f4f__d44baab5[disabled]{opacity:var(--plasma-link-disabled-opacity);cursor:not-allowed;}.base_1w750p8_b1j3f4f__d44baab5[disabled]:hover,.base_1w750p8_b1j3f4f__d44baab5[disabled]:active{color:var(--plasma-link-color);}.base_1w750p8_b1j3f4f__d44baab5[disabled]::before{opacity:1;}
101
103
 
@@ -1179,17 +1181,34 @@
1179
1181
  .MenuItem_styles_1jc86lh_ry1cfbm__47602df6{position:relative;height:var(--plasma-navigation-drawer-icon-container-size);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
1180
1182
  .MenuItem_styles_1jc86lh_l14iipd__47602df6{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
1181
1183
 
1182
- .Link_config_zeymp2_d1calyk9__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-primary);--plasma-link-color-hover:var(--text-primary-hover);--plasma-link-color-active:var(--text-primary-active);--plasma-link-color-visited:var(--text-primary);--plasma-link-color-visited-hover:var(--text-primary-hover);--plasma-link-color-visited-active:var(--text-primary-active);--plasma-link-underline-border:0;}
1183
- .Link_config_zeymp2_s1a4vrvj__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-secondary);--plasma-link-color-hover:var(--text-secondary-hover);--plasma-link-color-active:var(--text-secondary-active);--plasma-link-color-visited:var(--text-secondary);--plasma-link-color-visited-hover:var(--text-secondary-hover);--plasma-link-color-visited-active:var(--text-secondary-active);--plasma-link-underline-border:0;}
1184
- .Link_config_zeymp2_t1hxd0ad__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-tertiary);--plasma-link-color-hover:var(--text-tertiary-hover);--plasma-link-color-active:var(--text-tertiary-active);--plasma-link-color-visited:var(--text-tertiary);--plasma-link-color-visited-hover:var(--text-tertiary-hover);--plasma-link-color-visited-active:var(--text-tertiary-active);--plasma-link-underline-border:0;}
1185
- .Link_config_zeymp2_p1mbfmqw__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-paragraph);--plasma-link-color-hover:var(--text-paragraph-hover);--plasma-link-color-active:var(--text-paragraph-active);--plasma-link-color-visited:var(--text-paragraph);--plasma-link-color-visited-hover:var(--text-paragraph-hover);--plasma-link-color-visited-active:var(--text-paragraph-active);--plasma-link-underline-border:0;}
1186
- .Link_config_zeymp2_a17wwycj__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-accent);--plasma-link-color-hover:var(--text-accent-hover);--plasma-link-color-active:var(--text-accent-active);--plasma-link-color-visited:var(--text-accent);--plasma-link-color-visited-hover:var(--text-accent-hover);--plasma-link-color-visited-active:var(--text-accent-active);--plasma-link-underline-border:0;}
1187
- .Link_config_zeymp2_p14qgpkv__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-positive);--plasma-link-color-hover:var(--text-positive-hover);--plasma-link-color-active:var(--text-positive-active);--plasma-link-color-visited:var(--text-positive);--plasma-link-color-visited-hover:var(--text-positive-hover);--plasma-link-color-visited-active:var(--text-positive-active);--plasma-link-underline-border:0;}
1188
- .Link_config_zeymp2_w1py6g25__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-warning);--plasma-link-color-hover:var(--text-warning-hover);--plasma-link-color-active:var(--text-warning-active);--plasma-link-color-visited:var(--text-warning);--plasma-link-color-visited-hover:var(--text-warning-hover);--plasma-link-color-visited-active:var(--text-warning-active);--plasma-link-underline-border:0;}
1189
- .Link_config_zeymp2_n4mb9bq__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-negative);--plasma-link-color-hover:var(--text-negative-hover);--plasma-link-color-active:var(--text-negative-active);--plasma-link-color-visited:var(--text-negative);--plasma-link-color-visited-hover:var(--text-negative-hover);--plasma-link-color-visited-active:var(--text-negative-active);--plasma-link-underline-border:0;}
1190
- .Link_config_zeymp2_c2p2703__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:inherit;--plasma-link-color-hover:inherit;--plasma-link-color-active:inherit;--plasma-link-color-visited:inherit;--plasma-link-color-visited-hover:inherit;--plasma-link-color-visited-active:inherit;--plasma-link-underline-border:0.0625rem;}
1191
- .Link_config_zeymp2_tnow91e__36d400a7{--plasma-link-disabled-opacity:0.4;}
1192
- .Link_config_zeymp2_tt8wdu3__36d400a7{--plasma-link-color-focus:var(--text-accent);}
1184
+ .Link_config_p0qack_d1calyk9__48641fba{--plasma-link-color:var(--text-primary);--plasma-link-color-hover:var(--text-primary-hover);--plasma-link-color-active:var(--text-primary-active);--plasma-link-color-visited:var(--text-primary);--plasma-link-color-visited-hover:var(--text-primary-hover);--plasma-link-color-visited-active:var(--text-primary-active);--plasma-link-underline-border:0;}
1185
+ .Link_config_p0qack_s1a4vrvj__48641fba{--plasma-link-color:var(--text-secondary);--plasma-link-color-hover:var(--text-secondary-hover);--plasma-link-color-active:var(--text-secondary-active);--plasma-link-color-visited:var(--text-secondary);--plasma-link-color-visited-hover:var(--text-secondary-hover);--plasma-link-color-visited-active:var(--text-secondary-active);--plasma-link-underline-border:0;}
1186
+ .Link_config_p0qack_t1hxd0ad__48641fba{--plasma-link-color:var(--text-tertiary);--plasma-link-color-hover:var(--text-tertiary-hover);--plasma-link-color-active:var(--text-tertiary-active);--plasma-link-color-visited:var(--text-tertiary);--plasma-link-color-visited-hover:var(--text-tertiary-hover);--plasma-link-color-visited-active:var(--text-tertiary-active);--plasma-link-underline-border:0;}
1187
+ .Link_config_p0qack_p1mbfmqw__48641fba{--plasma-link-color:var(--text-paragraph);--plasma-link-color-hover:var(--text-paragraph-hover);--plasma-link-color-active:var(--text-paragraph-active);--plasma-link-color-visited:var(--text-paragraph);--plasma-link-color-visited-hover:var(--text-paragraph-hover);--plasma-link-color-visited-active:var(--text-paragraph-active);--plasma-link-underline-border:0;}
1188
+ .Link_config_p0qack_a17wwycj__48641fba{--plasma-link-color:var(--text-accent);--plasma-link-color-hover:var(--text-accent-hover);--plasma-link-color-active:var(--text-accent-active);--plasma-link-color-visited:var(--text-accent);--plasma-link-color-visited-hover:var(--text-accent-hover);--plasma-link-color-visited-active:var(--text-accent-active);--plasma-link-underline-border:0;}
1189
+ .Link_config_p0qack_p14qgpkv__48641fba{--plasma-link-color:var(--text-positive);--plasma-link-color-hover:var(--text-positive-hover);--plasma-link-color-active:var(--text-positive-active);--plasma-link-color-visited:var(--text-positive);--plasma-link-color-visited-hover:var(--text-positive-hover);--plasma-link-color-visited-active:var(--text-positive-active);--plasma-link-underline-border:0;}
1190
+ .Link_config_p0qack_w1py6g25__48641fba{--plasma-link-color:var(--text-warning);--plasma-link-color-hover:var(--text-warning-hover);--plasma-link-color-active:var(--text-warning-active);--plasma-link-color-visited:var(--text-warning);--plasma-link-color-visited-hover:var(--text-warning-hover);--plasma-link-color-visited-active:var(--text-warning-active);--plasma-link-underline-border:0;}
1191
+ .Link_config_p0qack_n4mb9bq__48641fba{--plasma-link-color:var(--text-negative);--plasma-link-color-hover:var(--text-negative-hover);--plasma-link-color-active:var(--text-negative-active);--plasma-link-color-visited:var(--text-negative);--plasma-link-color-visited-hover:var(--text-negative-hover);--plasma-link-color-visited-active:var(--text-negative-active);--plasma-link-underline-border:0;}
1192
+ .Link_config_p0qack_c2p2703__48641fba{--plasma-link-color:inherit;--plasma-link-color-hover:inherit;--plasma-link-color-active:inherit;--plasma-link-color-visited:inherit;--plasma-link-color-visited-hover:inherit;--plasma-link-color-visited-active:inherit;--plasma-link-underline-border:0.0625rem;}
1193
+ .Link_config_p0qack_lnow91e__48641fba{--plasma-link-font-family:var(--plasma-typo-body-l-font-family);--plasma-link-font-size:var(--plasma-typo-body-l-font-size);--plasma-link-font-style:var(--plasma-typo-body-l-font-style);--plasma-link-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-link-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-link-line-height:var(--plasma-typo-body-l-line-height);}
1194
+ .Link_config_p0qack_mt8wdu3__48641fba{--plasma-link-font-family:var(--plasma-typo-body-m-font-family);--plasma-link-font-size:var(--plasma-typo-body-m-font-size);--plasma-link-font-style:var(--plasma-typo-body-m-font-style);--plasma-link-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-link-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-link-line-height:var(--plasma-typo-body-m-line-height);}
1195
+ .Link_config_p0qack_s9qselg__48641fba{--plasma-link-font-family:var(--plasma-typo-body-s-font-family);--plasma-link-font-size:var(--plasma-typo-body-s-font-size);--plasma-link-font-style:var(--plasma-typo-body-s-font-style);--plasma-link-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-link-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-link-line-height:var(--plasma-typo-body-s-line-height);}
1196
+ .Link_config_p0qack_x1dnsmnk__48641fba{--plasma-link-font-family:var(--plasma-typo-body-xs-font-family);--plasma-link-font-size:var(--plasma-typo-body-xs-font-size);--plasma-link-font-style:var(--plasma-typo-body-xs-font-style);--plasma-link-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-link-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-link-line-height:var(--plasma-typo-body-xs-line-height);}
1197
+ .Link_config_p0qack_xfvgx15__48641fba{--plasma-link-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-link-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-link-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-link-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-link-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-link-line-height:var(--plasma-typo-body-xxs-line-height);}
1198
+ .Link_config_p0qack_hgn2l63__48641fba{--plasma-link-font-family:var(--plasma-typo-h1-font-family);--plasma-link-font-size:var(--plasma-typo-h1-font-size);--plasma-link-font-style:var(--plasma-typo-h1-font-style);--plasma-link-font-weight:var(--plasma-typo-h1-font-weight);--plasma-link-letter-spacing:var(--plasma-typo-h1-letter-spacing);--plasma-link-line-height:var(--plasma-typo-h1-line-height);}
1199
+ .Link_config_p0qack_hy8tgnj__48641fba{--plasma-link-font-family:var(--plasma-typo-h2-font-family);--plasma-link-font-size:var(--plasma-typo-h2-font-size);--plasma-link-font-style:var(--plasma-typo-h2-font-style);--plasma-link-font-weight:var(--plasma-typo-h2-font-weight);--plasma-link-letter-spacing:var(--plasma-typo-h2-letter-spacing);--plasma-link-line-height:var(--plasma-typo-h2-line-height);}
1200
+ .Link_config_p0qack_h1pmbgk7__48641fba{--plasma-link-font-family:var(--plasma-typo-h3-font-family);--plasma-link-font-size:var(--plasma-typo-h3-font-size);--plasma-link-font-style:var(--plasma-typo-h3-font-style);--plasma-link-font-weight:var(--plasma-typo-h3-font-weight);--plasma-link-letter-spacing:var(--plasma-typo-h3-letter-spacing);--plasma-link-line-height:var(--plasma-typo-h3-line-height);}
1201
+ .Link_config_p0qack_h1744eym__48641fba{--plasma-link-font-family:var(--plasma-typo-h4-font-family);--plasma-link-font-size:var(--plasma-typo-h4-font-size);--plasma-link-font-style:var(--plasma-typo-h4-font-style);--plasma-link-font-weight:var(--plasma-typo-h4-font-weight);--plasma-link-letter-spacing:var(--plasma-typo-h4-letter-spacing);--plasma-link-line-height:var(--plasma-typo-h4-line-height);}
1202
+ .Link_config_p0qack_h1bjdtw__48641fba{--plasma-link-font-family:var(--plasma-typo-h5-font-family);--plasma-link-font-size:var(--plasma-typo-h5-font-size);--plasma-link-font-style:var(--plasma-typo-h5-font-style);--plasma-link-font-weight:var(--plasma-typo-h5-font-weight);--plasma-link-letter-spacing:var(--plasma-typo-h5-letter-spacing);--plasma-link-line-height:var(--plasma-typo-h5-line-height);}
1203
+ .Link_config_p0qack_d10g8eot__48641fba{--plasma-link-font-family:var(--plasma-typo-dspl-l-font-family);--plasma-link-font-size:var(--plasma-typo-dspl-l-font-size);--plasma-link-font-style:var(--plasma-typo-dspl-l-font-style);--plasma-link-font-weight:var(--plasma-typo-dspl-l-font-weight);--plasma-link-letter-spacing:var(--plasma-typo-dspl-l-letter-spacing);--plasma-link-line-height:var(--plasma-typo-dspl-l-line-height);}
1204
+ .Link_config_p0qack_d1egyb4g__48641fba{--plasma-link-font-family:var(--plasma-typo-dspl-m-font-family);--plasma-link-font-size:var(--plasma-typo-dspl-m-font-size);--plasma-link-font-style:var(--plasma-typo-dspl-m-font-style);--plasma-link-font-weight:var(--plasma-typo-dspl-m-font-weight);--plasma-link-letter-spacing:var(--plasma-typo-dspl-m-letter-spacing);--plasma-link-line-height:var(--plasma-typo-dspl-m-line-height);}
1205
+ .Link_config_p0qack_d15qa63u__48641fba{--plasma-link-font-family:var(--plasma-typo-dspl-s-font-family);--plasma-link-font-size:var(--plasma-typo-dspl-s-font-size);--plasma-link-font-style:var(--plasma-typo-dspl-s-font-style);--plasma-link-font-weight:var(--plasma-typo-dspl-s-font-weight);--plasma-link-letter-spacing:var(--plasma-typo-dspl-s-letter-spacing);--plasma-link-line-height:var(--plasma-typo-dspl-s-line-height);}
1206
+ .Link_config_p0qack_t1c1okmr__48641fba{--plasma-link-font-family:var(--plasma-typo-text-l-font-family);--plasma-link-font-size:var(--plasma-typo-text-l-font-size);--plasma-link-font-style:var(--plasma-typo-text-l-font-style);--plasma-link-font-weight:var(--plasma-typo-text-l-font-weight);--plasma-link-letter-spacing:var(--plasma-typo-text-l-letter-spacing);--plasma-link-line-height:var(--plasma-typo-text-l-line-height);}
1207
+ .Link_config_p0qack_t1909pck__48641fba{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-font-size:var(--plasma-typo-text-m-font-size);--plasma-link-font-style:var(--plasma-typo-text-m-font-style);--plasma-link-font-weight:var(--plasma-typo-text-m-font-weight);--plasma-link-letter-spacing:var(--plasma-typo-text-m-letter-spacing);--plasma-link-line-height:var(--plasma-typo-text-m-line-height);}
1208
+ .Link_config_p0qack_tr4rt3w__48641fba{--plasma-link-font-family:var(--plasma-typo-text-s-font-family);--plasma-link-font-size:var(--plasma-typo-text-s-font-size);--plasma-link-font-style:var(--plasma-typo-text-s-font-style);--plasma-link-font-weight:var(--plasma-typo-text-s-font-weight);--plasma-link-letter-spacing:var(--plasma-typo-text-s-letter-spacing);--plasma-link-line-height:var(--plasma-typo-text-s-line-height);}
1209
+ .Link_config_p0qack_t1tboaev__48641fba{--plasma-link-font-family:var(--plasma-typo-text-xs-font-family);--plasma-link-font-size:var(--plasma-typo-text-xs-font-size);--plasma-link-font-style:var(--plasma-typo-text-xs-font-style);--plasma-link-font-weight:var(--plasma-typo-text-xs-font-weight);--plasma-link-letter-spacing:var(--plasma-typo-text-xs-letter-spacing);--plasma-link-line-height:var(--plasma-typo-text-xs-line-height);}
1210
+ .Link_config_p0qack_t1g90btr__48641fba{--plasma-link-disabled-opacity:0.4;}
1211
+ .Link_config_p0qack_t9fjhu8__48641fba{--plasma-link-color-focus:var(--text-accent);}
1193
1212
 
1194
1213
  .Section_styles_147bzzp_swlgppx__60e0567c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
1195
1214
  .Section_styles_147bzzp_s1qtk9zr__60e0567c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;padding:var(--plasma-navigation-drawer-section-padding);gap:var(--plasma-navigation-drawer-section-header-gap);-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;box-sizing:border-box;height:var(--plasma-navigation-drawer-sidebar-width-closed);min-width:var(--plasma-navigation-drawer-sidebar-width-closed);color:var(--plasma-navigation-drawer-section-color);font-size:var(--plasma-navigation-drawer-section-font-size);font-family:var(--plasma-typo-body-s-font-family);font-style:var(--plasma-typo-text-s-font-style);font-weight:var(--plasma-typo-text-s-font-weight);line-height:var(--plasma-typo-text-s-line-height);-webkit-letter-spacing:var(--plasma-typo-text-s-letter-spacing);-moz-letter-spacing:var(--plasma-typo-text-s-letter-spacing);-ms-letter-spacing:var(--plasma-typo-text-s-letter-spacing);letter-spacing:var(--plasma-typo-text-s-letter-spacing);border-radius:var(--plasma-navigation-drawer-section-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.340.0",
3
+ "version": "0.341.0-canary.1983.19293584177.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -137,5 +137,5 @@
137
137
  "sideEffects": [
138
138
  "*.css"
139
139
  ],
140
- "gitHead": "932f5c780718898649edfc0e2b2b8e71652880be"
140
+ "gitHead": "c9a71b04ee1c729c99b3c9e20e03ddda5e94ce87"
141
141
  }
package/styled-components/cjs/components/Link/Link.js CHANGED
@@ -19,8 +19,9 @@ _export(exports, {
19
19
  var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
20
20
  var _styledcomponents = require("styled-components");
21
21
  var _base = require("./_view/base");
22
- var _base1 = require("./_disabled/base");
23
- var _base2 = require("./_focused/base");
22
+ var _base1 = require("./_size/base");
23
+ var _base2 = require("./_disabled/base");
24
+ var _base3 = require("./_focused/base");
24
25
  function _define_property(obj, key, value) {
25
26
  if (key in obj) {
26
27
  Object.defineProperty(obj, key, {
@@ -150,12 +151,15 @@ var linkConfig = {
150
151
  view: {
151
152
  css: _base.base
152
153
  },
154
+ size: {
155
+ css: _base1.base
156
+ },
153
157
  disabled: {
154
- css: _base1.base,
158
+ css: _base2.base,
155
159
  attrs: true
156
160
  },
157
161
  focused: {
158
- css: _base2.base
162
+ css: _base3.base
159
163
  }
160
164
  },
161
165
  defaults: {
package/styled-components/cjs/components/Link/Link.tokens.js CHANGED
@@ -17,6 +17,11 @@ var tokens = {
17
17
  linkColorVisitedHover: '--plasma-link-color-visited-hover',
18
18
  linkColorVisitedActive: '--plasma-link-color-visited-active',
19
19
  linkFontFamily: '--plasma-link-font-family',
20
+ linkFontSize: '--plasma-link-font-size',
21
+ linkFontStyle: '--plasma-link-font-style',
22
+ linkFontWeight: '--plasma-link-font-weight',
23
+ linkLetterSpacing: '--plasma-link-letter-spacing',
24
+ linkLineHeight: '--plasma-link-line-height',
20
25
  linkDisabledOpacity: '--plasma-link-disabled-opacity',
21
26
  linkUnderlineBorder: '--plasma-link-underline-border'
22
27
  };
package/styled-components/cjs/components/Link/_size/base.js ADDED
@@ -0,0 +1,21 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "base", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return base;
9
+ }
10
+ });
11
+ var _styledcomponents = require("styled-components");
12
+ var _Linktokens = require("../Link.tokens");
13
+ var base = (0, _styledcomponents.css)([
14
+ "font-family:var(",
15
+ ");font-size:var(",
16
+ ");font-style:var(",
17
+ ");font-weight:var(",
18
+ ");letter-spacing:var(",
19
+ ");line-height:var(",
20
+ ");"
21
+ ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkFontSize, _Linktokens.tokens.linkFontStyle, _Linktokens.tokens.linkFontWeight, _Linktokens.tokens.linkLetterSpacing, _Linktokens.tokens.linkLineHeight);
package/styled-components/cjs/components/Link/_view/base.js CHANGED
@@ -14,8 +14,7 @@ var getColor = function(cssVar) {
14
14
  return "\n color: var(".concat(cssVar, ", var(").concat(_Linktokens.tokens.linkColor, "));\n\n ::before {\n opacity: 1;\n }\n");
15
15
  };
16
16
  var base = (0, _styledcomponents.css)([
17
- "font-family:var(",
18
- ");color:var(",
17
+ "color:var(",
19
18
  ");::before{border-bottom:var(",
20
19
  ") solid currentColor;}&:hover{",
21
20
  ";}&:active{",
@@ -23,4 +22,4 @@ var base = (0, _styledcomponents.css)([
23
22
  ";}&:visited:hover{",
24
23
  ";}&:visited:active{",
25
24
  ";}"
26
- ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkColor, _Linktokens.tokens.linkUnderlineBorder, getColor(_Linktokens.tokens.linkColorHover), getColor(_Linktokens.tokens.linkColorActive), getColor(_Linktokens.tokens.linkColorVisited), getColor(_Linktokens.tokens.linkColorVisitedHover), getColor(_Linktokens.tokens.linkColorVisitedActive));
25
+ ], _Linktokens.tokens.linkColor, _Linktokens.tokens.linkUnderlineBorder, getColor(_Linktokens.tokens.linkColorHover), getColor(_Linktokens.tokens.linkColorActive), getColor(_Linktokens.tokens.linkColorVisited), getColor(_Linktokens.tokens.linkColorVisitedHover), getColor(_Linktokens.tokens.linkColorVisitedActive));
package/styled-components/cjs/engines/styled-components.js CHANGED
@@ -117,12 +117,13 @@ function _object_spread_props(target, source) {
117
117
  }
118
118
  var Root = _styledcomponents.default.div.withConfig({
119
119
  displayName: "styled-components__Root",
120
- componentId: "sc-c11bf644-0"
120
+ componentId: "sc-65192c13-0"
121
121
  })([
122
122
  "",
123
123
  ";",
124
124
  ";",
125
125
  ";",
126
+ ";",
126
127
  ";"
127
128
  ], function(param) {
128
129
  var base = param.base;
@@ -136,9 +137,12 @@ var Root = _styledcomponents.default.div.withConfig({
136
137
  }, function(param) {
137
138
  var intersectionStyles = param.intersectionStyles;
138
139
  return intersectionStyles;
140
+ }, function(param) {
141
+ var invariants = param.invariants;
142
+ return invariants;
139
143
  });
140
144
  var _component = function(componentConfig) {
141
- var tag = componentConfig.tag, base = componentConfig.base, intersections = componentConfig.intersections;
145
+ var tag = componentConfig.tag, base = componentConfig.base, intersections = componentConfig.intersections, invariants = componentConfig.invariants;
142
146
  var staticVariants = (0, _utils.getStaticVariants)(componentConfig);
143
147
  var dynamicVariants = (0, _utils.getDynamicVariants)(componentConfig);
144
148
  return /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
@@ -148,7 +152,8 @@ var _component = function(componentConfig) {
148
152
  base: base,
149
153
  staticVariants: staticVariants,
150
154
  dynamicVariants: dynamicVariants,
151
- intersectionStyles: intersectionStyles
155
+ intersectionStyles: intersectionStyles,
156
+ invariants: invariants
152
157
  }, props), {
153
158
  ref: ref
154
159
  }));
package/styled-components/cjs/examples/components/Combobox/Combobox.js CHANGED
@@ -1 +1,16 @@
1
1
  "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "Combobox", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return Combobox;
9
+ }
10
+ });
11
+ var _engines = require("../../../engines");
12
+ var _ = require("../../..");
13
+ var _Comboboxconfig = require("./Combobox.config");
14
+ var mergedConfig = (0, _engines.mergeConfig)(_.comboboxNewConfig, _Comboboxconfig.config);
15
+ var ComboboxComponent = (0, _engines.component)(mergedConfig);
16
+ var Combobox = ComboboxComponent;
package/styled-components/cjs/examples/components/Link/Link.config.js CHANGED
@@ -13,13 +13,13 @@ var _Linktokens = require("../../../components/Link/Link.tokens");
13
13
  var config = {
14
14
  defaults: {
15
15
  view: 'accent',
16
+ size: 'm',
16
17
  focused: 'true'
17
18
  },
18
19
  variations: {
19
20
  view: {
20
21
  default: (0, _styledcomponents.css)([
21
22
  "",
22
- ":var(--plasma-typo-text-m-font-family);",
23
23
  ":var(--text-primary);",
24
24
  ":var(--text-primary-hover);",
25
25
  ":var(--text-primary-active);",
@@ -27,10 +27,9 @@ var config = {
27
27
  ":var(--text-primary-hover);",
28
28
  ":var(--text-primary-active);",
29
29
  ":0;"
30
- ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkColor, _Linktokens.tokens.linkColorHover, _Linktokens.tokens.linkColorActive, _Linktokens.tokens.linkColorVisited, _Linktokens.tokens.linkColorVisitedHover, _Linktokens.tokens.linkColorVisitedActive, _Linktokens.tokens.linkUnderlineBorder),
30
+ ], _Linktokens.tokens.linkColor, _Linktokens.tokens.linkColorHover, _Linktokens.tokens.linkColorActive, _Linktokens.tokens.linkColorVisited, _Linktokens.tokens.linkColorVisitedHover, _Linktokens.tokens.linkColorVisitedActive, _Linktokens.tokens.linkUnderlineBorder),
31
31
  secondary: (0, _styledcomponents.css)([
32
32
  "",
33
- ":var(--plasma-typo-text-m-font-family);",
34
33
  ":var(--text-secondary);",
35
34
  ":var(--text-secondary-hover);",
36
35
  ":var(--text-secondary-active);",
@@ -38,10 +37,9 @@ var config = {
38
37
  ":var(--text-secondary-hover);",
39
38
  ":var(--text-secondary-active);",
40
39
  ":0;"
41
- ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkColor, _Linktokens.tokens.linkColorHover, _Linktokens.tokens.linkColorActive, _Linktokens.tokens.linkColorVisited, _Linktokens.tokens.linkColorVisitedHover, _Linktokens.tokens.linkColorVisitedActive, _Linktokens.tokens.linkUnderlineBorder),
40
+ ], _Linktokens.tokens.linkColor, _Linktokens.tokens.linkColorHover, _Linktokens.tokens.linkColorActive, _Linktokens.tokens.linkColorVisited, _Linktokens.tokens.linkColorVisitedHover, _Linktokens.tokens.linkColorVisitedActive, _Linktokens.tokens.linkUnderlineBorder),
42
41
  tertiary: (0, _styledcomponents.css)([
43
42
  "",
44
- ":var(--plasma-typo-text-m-font-family);",
45
43
  ":var(--text-tertiary);",
46
44
  ":var(--text-tertiary-hover);",
47
45
  ":var(--text-tertiary-active);",
@@ -49,10 +47,9 @@ var config = {
49
47
  ":var(--text-tertiary-hover);",
50
48
  ":var(--text-tertiary-active);",
51
49
  ":0;"
52
- ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkColor, _Linktokens.tokens.linkColorHover, _Linktokens.tokens.linkColorActive, _Linktokens.tokens.linkColorVisited, _Linktokens.tokens.linkColorVisitedHover, _Linktokens.tokens.linkColorVisitedActive, _Linktokens.tokens.linkUnderlineBorder),
50
+ ], _Linktokens.tokens.linkColor, _Linktokens.tokens.linkColorHover, _Linktokens.tokens.linkColorActive, _Linktokens.tokens.linkColorVisited, _Linktokens.tokens.linkColorVisitedHover, _Linktokens.tokens.linkColorVisitedActive, _Linktokens.tokens.linkUnderlineBorder),
53
51
  paragraph: (0, _styledcomponents.css)([
54
52
  "",
55
- ":var(--plasma-typo-text-m-font-family);",
56
53
  ":var(--text-paragraph);",
57
54
  ":var(--text-paragraph-hover);",
58
55
  ":var(--text-paragraph-active);",
@@ -60,10 +57,9 @@ var config = {
60
57
  ":var(--text-paragraph-hover);",
61
58
  ":var(--text-paragraph-active);",
62
59
  ":0;"
63
- ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkColor, _Linktokens.tokens.linkColorHover, _Linktokens.tokens.linkColorActive, _Linktokens.tokens.linkColorVisited, _Linktokens.tokens.linkColorVisitedHover, _Linktokens.tokens.linkColorVisitedActive, _Linktokens.tokens.linkUnderlineBorder),
60
+ ], _Linktokens.tokens.linkColor, _Linktokens.tokens.linkColorHover, _Linktokens.tokens.linkColorActive, _Linktokens.tokens.linkColorVisited, _Linktokens.tokens.linkColorVisitedHover, _Linktokens.tokens.linkColorVisitedActive, _Linktokens.tokens.linkUnderlineBorder),
64
61
  accent: (0, _styledcomponents.css)([
65
62
  "",
66
- ":var(--plasma-typo-text-m-font-family);",
67
63
  ":var(--text-accent);",
68
64
  ":var(--text-accent-hover);",
69
65
  ":var(--text-accent-active);",
@@ -71,10 +67,9 @@ var config = {
71
67
  ":var(--text-accent-hover);",
72
68
  ":var(--text-accent-active);",
73
69
  ":0;"
74
- ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkColor, _Linktokens.tokens.linkColorHover, _Linktokens.tokens.linkColorActive, _Linktokens.tokens.linkColorVisited, _Linktokens.tokens.linkColorVisitedHover, _Linktokens.tokens.linkColorVisitedActive, _Linktokens.tokens.linkUnderlineBorder),
70
+ ], _Linktokens.tokens.linkColor, _Linktokens.tokens.linkColorHover, _Linktokens.tokens.linkColorActive, _Linktokens.tokens.linkColorVisited, _Linktokens.tokens.linkColorVisitedHover, _Linktokens.tokens.linkColorVisitedActive, _Linktokens.tokens.linkUnderlineBorder),
75
71
  positive: (0, _styledcomponents.css)([
76
72
  "",
77
- ":var(--plasma-typo-text-m-font-family);",
78
73
  ":var(--text-positive);",
79
74
  ":var(--text-positive-hover);",
80
75
  ":var(--text-positive-active);",
@@ -82,10 +77,9 @@ var config = {
82
77
  ":var(--text-positive-hover);",
83
78
  ":var(--text-positive-active);",
84
79
  ":0;"
85
- ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkColor, _Linktokens.tokens.linkColorHover, _Linktokens.tokens.linkColorActive, _Linktokens.tokens.linkColorVisited, _Linktokens.tokens.linkColorVisitedHover, _Linktokens.tokens.linkColorVisitedActive, _Linktokens.tokens.linkUnderlineBorder),
80
+ ], _Linktokens.tokens.linkColor, _Linktokens.tokens.linkColorHover, _Linktokens.tokens.linkColorActive, _Linktokens.tokens.linkColorVisited, _Linktokens.tokens.linkColorVisitedHover, _Linktokens.tokens.linkColorVisitedActive, _Linktokens.tokens.linkUnderlineBorder),
86
81
  warning: (0, _styledcomponents.css)([
87
82
  "",
88
- ":var(--plasma-typo-text-m-font-family);",
89
83
  ":var(--text-warning);",
90
84
  ":var(--text-warning-hover);",
91
85
  ":var(--text-warning-active);",
@@ -93,10 +87,9 @@ var config = {
93
87
  ":var(--text-warning-hover);",
94
88
  ":var(--text-warning-active);",
95
89
  ":0;"
96
- ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkColor, _Linktokens.tokens.linkColorHover, _Linktokens.tokens.linkColorActive, _Linktokens.tokens.linkColorVisited, _Linktokens.tokens.linkColorVisitedHover, _Linktokens.tokens.linkColorVisitedActive, _Linktokens.tokens.linkUnderlineBorder),
90
+ ], _Linktokens.tokens.linkColor, _Linktokens.tokens.linkColorHover, _Linktokens.tokens.linkColorActive, _Linktokens.tokens.linkColorVisited, _Linktokens.tokens.linkColorVisitedHover, _Linktokens.tokens.linkColorVisitedActive, _Linktokens.tokens.linkUnderlineBorder),
97
91
  negative: (0, _styledcomponents.css)([
98
92
  "",
99
- ":var(--plasma-typo-text-m-font-family);",
100
93
  ":var(--text-negative);",
101
94
  ":var(--text-negative-hover);",
102
95
  ":var(--text-negative-active);",
@@ -104,10 +97,9 @@ var config = {
104
97
  ":var(--text-negative-hover);",
105
98
  ":var(--text-negative-active);",
106
99
  ":0;"
107
- ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkColor, _Linktokens.tokens.linkColorHover, _Linktokens.tokens.linkColorActive, _Linktokens.tokens.linkColorVisited, _Linktokens.tokens.linkColorVisitedHover, _Linktokens.tokens.linkColorVisitedActive, _Linktokens.tokens.linkUnderlineBorder),
100
+ ], _Linktokens.tokens.linkColor, _Linktokens.tokens.linkColorHover, _Linktokens.tokens.linkColorActive, _Linktokens.tokens.linkColorVisited, _Linktokens.tokens.linkColorVisitedHover, _Linktokens.tokens.linkColorVisitedActive, _Linktokens.tokens.linkUnderlineBorder),
108
101
  clear: (0, _styledcomponents.css)([
109
102
  "",
110
- ":var(--plasma-typo-text-m-font-family);",
111
103
  ":inherit;",
112
104
  ":inherit;",
113
105
  ":inherit;",
@@ -115,7 +107,162 @@ var config = {
115
107
  ":inherit;",
116
108
  ":inherit;",
117
109
  ":0.0625rem;"
118
- ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkColor, _Linktokens.tokens.linkColorHover, _Linktokens.tokens.linkColorActive, _Linktokens.tokens.linkColorVisited, _Linktokens.tokens.linkColorVisitedHover, _Linktokens.tokens.linkColorVisitedActive, _Linktokens.tokens.linkUnderlineBorder)
110
+ ], _Linktokens.tokens.linkColor, _Linktokens.tokens.linkColorHover, _Linktokens.tokens.linkColorActive, _Linktokens.tokens.linkColorVisited, _Linktokens.tokens.linkColorVisitedHover, _Linktokens.tokens.linkColorVisitedActive, _Linktokens.tokens.linkUnderlineBorder)
111
+ },
112
+ size: {
113
+ l: (0, _styledcomponents.css)([
114
+ "",
115
+ ":var(--plasma-typo-body-l-font-family);",
116
+ ":var(--plasma-typo-body-l-font-size);",
117
+ ":var(--plasma-typo-body-l-font-style);",
118
+ ":var(--plasma-typo-body-l-font-weight);",
119
+ ":var(--plasma-typo-body-l-letter-spacing);",
120
+ ":var(--plasma-typo-body-l-line-height);"
121
+ ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkFontSize, _Linktokens.tokens.linkFontStyle, _Linktokens.tokens.linkFontWeight, _Linktokens.tokens.linkLetterSpacing, _Linktokens.tokens.linkLineHeight),
122
+ m: (0, _styledcomponents.css)([
123
+ "",
124
+ ":var(--plasma-typo-body-m-font-family);",
125
+ ":var(--plasma-typo-body-m-font-size);",
126
+ ":var(--plasma-typo-body-m-font-style);",
127
+ ":var(--plasma-typo-body-m-font-weight);",
128
+ ":var(--plasma-typo-body-m-letter-spacing);",
129
+ ":var(--plasma-typo-body-m-line-height);"
130
+ ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkFontSize, _Linktokens.tokens.linkFontStyle, _Linktokens.tokens.linkFontWeight, _Linktokens.tokens.linkLetterSpacing, _Linktokens.tokens.linkLineHeight),
131
+ s: (0, _styledcomponents.css)([
132
+ "",
133
+ ":var(--plasma-typo-body-s-font-family);",
134
+ ":var(--plasma-typo-body-s-font-size);",
135
+ ":var(--plasma-typo-body-s-font-style);",
136
+ ":var(--plasma-typo-body-s-font-weight);",
137
+ ":var(--plasma-typo-body-s-letter-spacing);",
138
+ ":var(--plasma-typo-body-s-line-height);"
139
+ ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkFontSize, _Linktokens.tokens.linkFontStyle, _Linktokens.tokens.linkFontWeight, _Linktokens.tokens.linkLetterSpacing, _Linktokens.tokens.linkLineHeight),
140
+ xs: (0, _styledcomponents.css)([
141
+ "",
142
+ ":var(--plasma-typo-body-xs-font-family);",
143
+ ":var(--plasma-typo-body-xs-font-size);",
144
+ ":var(--plasma-typo-body-xs-font-style);",
145
+ ":var(--plasma-typo-body-xs-font-weight);",
146
+ ":var(--plasma-typo-body-xs-letter-spacing);",
147
+ ":var(--plasma-typo-body-xs-line-height);"
148
+ ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkFontSize, _Linktokens.tokens.linkFontStyle, _Linktokens.tokens.linkFontWeight, _Linktokens.tokens.linkLetterSpacing, _Linktokens.tokens.linkLineHeight),
149
+ xxs: (0, _styledcomponents.css)([
150
+ "",
151
+ ":var(--plasma-typo-body-xxs-font-family);",
152
+ ":var(--plasma-typo-body-xxs-font-size);",
153
+ ":var(--plasma-typo-body-xxs-font-style);",
154
+ ":var(--plasma-typo-body-xxs-font-weight);",
155
+ ":var(--plasma-typo-body-xxs-letter-spacing);",
156
+ ":var(--plasma-typo-body-xxs-line-height);"
157
+ ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkFontSize, _Linktokens.tokens.linkFontStyle, _Linktokens.tokens.linkFontWeight, _Linktokens.tokens.linkLetterSpacing, _Linktokens.tokens.linkLineHeight),
158
+ h1: (0, _styledcomponents.css)([
159
+ "",
160
+ ":var(--plasma-typo-h1-font-family);",
161
+ ":var(--plasma-typo-h1-font-size);",
162
+ ":var(--plasma-typo-h1-font-style);",
163
+ ":var(--plasma-typo-h1-font-weight);",
164
+ ":var(--plasma-typo-h1-letter-spacing);",
165
+ ":var(--plasma-typo-h1-line-height);"
166
+ ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkFontSize, _Linktokens.tokens.linkFontStyle, _Linktokens.tokens.linkFontWeight, _Linktokens.tokens.linkLetterSpacing, _Linktokens.tokens.linkLineHeight),
167
+ h2: (0, _styledcomponents.css)([
168
+ "",
169
+ ":var(--plasma-typo-h2-font-family);",
170
+ ":var(--plasma-typo-h2-font-size);",
171
+ ":var(--plasma-typo-h2-font-style);",
172
+ ":var(--plasma-typo-h2-font-weight);",
173
+ ":var(--plasma-typo-h2-letter-spacing);",
174
+ ":var(--plasma-typo-h2-line-height);"
175
+ ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkFontSize, _Linktokens.tokens.linkFontStyle, _Linktokens.tokens.linkFontWeight, _Linktokens.tokens.linkLetterSpacing, _Linktokens.tokens.linkLineHeight),
176
+ h3: (0, _styledcomponents.css)([
177
+ "",
178
+ ":var(--plasma-typo-h3-font-family);",
179
+ ":var(--plasma-typo-h3-font-size);",
180
+ ":var(--plasma-typo-h3-font-style);",
181
+ ":var(--plasma-typo-h3-font-weight);",
182
+ ":var(--plasma-typo-h3-letter-spacing);",
183
+ ":var(--plasma-typo-h3-line-height);"
184
+ ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkFontSize, _Linktokens.tokens.linkFontStyle, _Linktokens.tokens.linkFontWeight, _Linktokens.tokens.linkLetterSpacing, _Linktokens.tokens.linkLineHeight),
185
+ h4: (0, _styledcomponents.css)([
186
+ "",
187
+ ":var(--plasma-typo-h4-font-family);",
188
+ ":var(--plasma-typo-h4-font-size);",
189
+ ":var(--plasma-typo-h4-font-style);",
190
+ ":var(--plasma-typo-h4-font-weight);",
191
+ ":var(--plasma-typo-h4-letter-spacing);",
192
+ ":var(--plasma-typo-h4-line-height);"
193
+ ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkFontSize, _Linktokens.tokens.linkFontStyle, _Linktokens.tokens.linkFontWeight, _Linktokens.tokens.linkLetterSpacing, _Linktokens.tokens.linkLineHeight),
194
+ h5: (0, _styledcomponents.css)([
195
+ "",
196
+ ":var(--plasma-typo-h5-font-family);",
197
+ ":var(--plasma-typo-h5-font-size);",
198
+ ":var(--plasma-typo-h5-font-style);",
199
+ ":var(--plasma-typo-h5-font-weight);",
200
+ ":var(--plasma-typo-h5-letter-spacing);",
201
+ ":var(--plasma-typo-h5-line-height);"
202
+ ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkFontSize, _Linktokens.tokens.linkFontStyle, _Linktokens.tokens.linkFontWeight, _Linktokens.tokens.linkLetterSpacing, _Linktokens.tokens.linkLineHeight),
203
+ displayL: (0, _styledcomponents.css)([
204
+ "",
205
+ ":var(--plasma-typo-dspl-l-font-family);",
206
+ ":var(--plasma-typo-dspl-l-font-size);",
207
+ ":var(--plasma-typo-dspl-l-font-style);",
208
+ ":var(--plasma-typo-dspl-l-font-weight);",
209
+ ":var(--plasma-typo-dspl-l-letter-spacing);",
210
+ ":var(--plasma-typo-dspl-l-line-height);"
211
+ ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkFontSize, _Linktokens.tokens.linkFontStyle, _Linktokens.tokens.linkFontWeight, _Linktokens.tokens.linkLetterSpacing, _Linktokens.tokens.linkLineHeight),
212
+ displayM: (0, _styledcomponents.css)([
213
+ "",
214
+ ":var(--plasma-typo-dspl-m-font-family);",
215
+ ":var(--plasma-typo-dspl-m-font-size);",
216
+ ":var(--plasma-typo-dspl-m-font-style);",
217
+ ":var(--plasma-typo-dspl-m-font-weight);",
218
+ ":var(--plasma-typo-dspl-m-letter-spacing);",
219
+ ":var(--plasma-typo-dspl-m-line-height);"
220
+ ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkFontSize, _Linktokens.tokens.linkFontStyle, _Linktokens.tokens.linkFontWeight, _Linktokens.tokens.linkLetterSpacing, _Linktokens.tokens.linkLineHeight),
221
+ displayS: (0, _styledcomponents.css)([
222
+ "",
223
+ ":var(--plasma-typo-dspl-s-font-family);",
224
+ ":var(--plasma-typo-dspl-s-font-size);",
225
+ ":var(--plasma-typo-dspl-s-font-style);",
226
+ ":var(--plasma-typo-dspl-s-font-weight);",
227
+ ":var(--plasma-typo-dspl-s-letter-spacing);",
228
+ ":var(--plasma-typo-dspl-s-line-height);"
229
+ ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkFontSize, _Linktokens.tokens.linkFontStyle, _Linktokens.tokens.linkFontWeight, _Linktokens.tokens.linkLetterSpacing, _Linktokens.tokens.linkLineHeight),
230
+ textL: (0, _styledcomponents.css)([
231
+ "",
232
+ ":var(--plasma-typo-text-l-font-family);",
233
+ ":var(--plasma-typo-text-l-font-size);",
234
+ ":var(--plasma-typo-text-l-font-style);",
235
+ ":var(--plasma-typo-text-l-font-weight);",
236
+ ":var(--plasma-typo-text-l-letter-spacing);",
237
+ ":var(--plasma-typo-text-l-line-height);"
238
+ ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkFontSize, _Linktokens.tokens.linkFontStyle, _Linktokens.tokens.linkFontWeight, _Linktokens.tokens.linkLetterSpacing, _Linktokens.tokens.linkLineHeight),
239
+ textM: (0, _styledcomponents.css)([
240
+ "",
241
+ ":var(--plasma-typo-text-m-font-family);",
242
+ ":var(--plasma-typo-text-m-font-size);",
243
+ ":var(--plasma-typo-text-m-font-style);",
244
+ ":var(--plasma-typo-text-m-font-weight);",
245
+ ":var(--plasma-typo-text-m-letter-spacing);",
246
+ ":var(--plasma-typo-text-m-line-height);"
247
+ ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkFontSize, _Linktokens.tokens.linkFontStyle, _Linktokens.tokens.linkFontWeight, _Linktokens.tokens.linkLetterSpacing, _Linktokens.tokens.linkLineHeight),
248
+ textS: (0, _styledcomponents.css)([
249
+ "",
250
+ ":var(--plasma-typo-text-s-font-family);",
251
+ ":var(--plasma-typo-text-s-font-size);",
252
+ ":var(--plasma-typo-text-s-font-style);",
253
+ ":var(--plasma-typo-text-s-font-weight);",
254
+ ":var(--plasma-typo-text-s-letter-spacing);",
255
+ ":var(--plasma-typo-text-s-line-height);"
256
+ ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkFontSize, _Linktokens.tokens.linkFontStyle, _Linktokens.tokens.linkFontWeight, _Linktokens.tokens.linkLetterSpacing, _Linktokens.tokens.linkLineHeight),
257
+ textXs: (0, _styledcomponents.css)([
258
+ "",
259
+ ":var(--plasma-typo-text-xs-font-family);",
260
+ ":var(--plasma-typo-text-xs-font-size);",
261
+ ":var(--plasma-typo-text-xs-font-style);",
262
+ ":var(--plasma-typo-text-xs-font-weight);",
263
+ ":var(--plasma-typo-text-xs-letter-spacing);",
264
+ ":var(--plasma-typo-text-xs-line-height);"
265
+ ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkFontSize, _Linktokens.tokens.linkFontStyle, _Linktokens.tokens.linkFontWeight, _Linktokens.tokens.linkLetterSpacing, _Linktokens.tokens.linkLineHeight)
119
266
  },
120
267
  disabled: {
121
268
  true: (0, _styledcomponents.css)([
package/styled-components/es/components/Link/Link.js CHANGED
@@ -56,6 +56,7 @@ function _object_without_properties_loose(source, excluded) {
56
56
  import React, { forwardRef } from "react";
57
57
  import { css } from "styled-components";
58
58
  import { base as viewCSS } from "./_view/base";
59
+ import { base as sizeCSS } from "./_size/base";
59
60
  import { base as disabledCSS } from "./_disabled/base";
60
61
  import { base as focusedCSS } from "./_focused/base";
61
62
  var base = css([
@@ -91,6 +92,9 @@ export var linkConfig = {
91
92
  view: {
92
93
  css: viewCSS
93
94
  },
95
+ size: {
96
+ css: sizeCSS
97
+ },
94
98
  disabled: {
95
99
  css: disabledCSS,
96
100
  attrs: true
package/styled-components/es/components/Link/Link.tokens.js CHANGED
@@ -7,6 +7,11 @@ export var tokens = {
7
7
  linkColorVisitedHover: '--plasma-link-color-visited-hover',
8
8
  linkColorVisitedActive: '--plasma-link-color-visited-active',
9
9
  linkFontFamily: '--plasma-link-font-family',
10
+ linkFontSize: '--plasma-link-font-size',
11
+ linkFontStyle: '--plasma-link-font-style',
12
+ linkFontWeight: '--plasma-link-font-weight',
13
+ linkLetterSpacing: '--plasma-link-letter-spacing',
14
+ linkLineHeight: '--plasma-link-line-height',
10
15
  linkDisabledOpacity: '--plasma-link-disabled-opacity',
11
16
  linkUnderlineBorder: '--plasma-link-underline-border'
12
17
  };
package/styled-components/es/components/Link/_size/base.js ADDED
@@ -0,0 +1,11 @@
1
+ import { css } from "styled-components";
2
+ import { tokens } from "../Link.tokens";
3
+ export var base = css([
4
+ "font-family:var(",
5
+ ");font-size:var(",
6
+ ");font-style:var(",
7
+ ");font-weight:var(",
8
+ ");letter-spacing:var(",
9
+ ");line-height:var(",
10
+ ");"
11
+ ], tokens.linkFontFamily, tokens.linkFontSize, tokens.linkFontStyle, tokens.linkFontWeight, tokens.linkLetterSpacing, tokens.linkLineHeight);
package/styled-components/es/components/Link/_view/base.js CHANGED
@@ -4,8 +4,7 @@ var getColor = function(cssVar) {
4
4
  return "\n color: var(".concat(cssVar, ", var(").concat(tokens.linkColor, "));\n\n ::before {\n opacity: 1;\n }\n");
5
5
  };
6
6
  export var base = css([
7
- "font-family:var(",
8
- ");color:var(",
7
+ "color:var(",
9
8
  ");::before{border-bottom:var(",
10
9
  ") solid currentColor;}&:hover{",
11
10
  ";}&:active{",
@@ -13,4 +12,4 @@ export var base = css([
13
12
  ";}&:visited:hover{",
14
13
  ";}&:visited:active{",
15
14
  ";}"
16
- ], tokens.linkFontFamily, tokens.linkColor, tokens.linkUnderlineBorder, getColor(tokens.linkColorHover), getColor(tokens.linkColorActive), getColor(tokens.linkColorVisited), getColor(tokens.linkColorVisitedHover), getColor(tokens.linkColorVisitedActive));
15
+ ], tokens.linkColor, tokens.linkUnderlineBorder, getColor(tokens.linkColorHover), getColor(tokens.linkColorActive), getColor(tokens.linkColorVisited), getColor(tokens.linkColorVisitedHover), getColor(tokens.linkColorVisitedActive));