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

package/es/components/IconButton/IconButton.css

@@ -1,24 +0,0 @@
-.base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
-
-.base_ova69f_bw56nfh__55225c7f{width:var(--plasma-spinner-size);height:var(--plasma-spinner-size);}
-
-.Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
-.Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
-
-.Button_styles_uqvh6u_bzw1898__b7cda4d5{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_uqvh6u_bzw1898__b7cda4d5{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_uqvh6u_bzw1898__b7cda4d5.Button_styles_uqvh6u_bzw1898__b7cda4d5.Button_styles_uqvh6u_buttonSquare__b7cda4d5{width:var(--plasma-button-height);padding:0;}
-.Button_styles_uqvh6u_bdfuqwe__b7cda4d5{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_uqvh6u_bdfuqwe__b7cda4d5:not(:last-child){margin-right:0.375rem;}.Button_styles_uqvh6u_bdfuqwe__b7cda4d5:not(:first-child){margin-left:0.375rem;}
-.Button_styles_uqvh6u_l9ypozh__b7cda4d5{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;}
-.Button_styles_uqvh6u_l4dfhbg__b7cda4d5{position:absolute;}
-.Button_styles_uqvh6u_srdlazt__b7cda4d5{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
-
-.base_x95x4p_b1ty39ru__349bf40b{color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.base_x95x4p_b1ty39ru__349bf40b:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.base_x95x4p_b1ty39ru__349bf40b:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
-
-.base_1alzrso_be0ha5g__cdc67255{height:var(--plasma-button-height);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);}
-
-.base_1t3ywu_b169l30m__aba40ddd[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.base_1t3ywu_b169l30m__aba40ddd[disabled]:hover,.base_1t3ywu_b169l30m__aba40ddd[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}
-
-.base_1kq737e_b187cmzt__d829f64a{position:relative;}.base_1kq737e_b187cmzt__d829f64a:focus{outline:none;}.base_1kq737e_b187cmzt__d829f64a::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1kq737e_b187cmzt__d829f64a.base_1kq737e_focusVisible__d829f64a:focus::before,.base_1kq737e_b187cmzt__d829f64a[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}
-
-.base_1lx0ute_bdz31nb__16e78f09.base_1lx0ute_buttonStretchingFixed__16e78f09{width:var(--plasma-button-width);}.base_1lx0ute_bdz31nb__16e78f09.base_1lx0ute_buttonStretchingFilled__16e78f09{width:100%;}.base_1lx0ute_bdz31nb__16e78f09.base_1lx0ute_buttonStretchingAuto__16e78f09{width:auto;}
-
-.IconButton_styles_1hknr37_b1ua728l__f14249fc{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--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);}a.IconButton_styles_1hknr37_b1ua728l__f14249fc{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_1hknr37_b1ua728l__f14249fc.IconButton_styles_1hknr37_b1ua728l__f14249fc.IconButton_styles_1hknr37_buttonSquare__f14249fc{width:var(--plasma-button-height);padding:0;}.IconButton_styles_1hknr37_b1ua728l__f14249fc:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.IconButton_styles_1hknr37_b1ua728l__f14249fc:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.IconButton_styles_1hknr37_b1ua728l__f14249fc:focus{outline:none;}.IconButton_styles_1hknr37_b1ua728l__f14249fc::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_1hknr37_b1ua728l__f14249fc.IconButton_styles_1hknr37_focusVisible__f14249fc:focus::before,.IconButton_styles_1hknr37_b1ua728l__f14249fc[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.IconButton_styles_1hknr37_b1ua728l__f14249fc[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_1hknr37_b1ua728l__f14249fc[disabled]:hover,.IconButton_styles_1hknr37_b1ua728l__f14249fc[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.IconButton_styles_1hknr37_b1ua728l__f14249fc.IconButton_styles_1hknr37_buttonStretchingFixed__f14249fc{width:var(--plasma-button-width);}.IconButton_styles_1hknr37_b1ua728l__f14249fc.IconButton_styles_1hknr37_buttonStretchingFilled__f14249fc{width:100%;}.IconButton_styles_1hknr37_b1ua728l__f14249fc.IconButton_styles_1hknr37_buttonStretchingAuto__f14249fc{width:auto;}

package/es/components/IconButton/IconButton.js

@@ -1,45 +0,0 @@
-import { buttonRoot } from '../Button/Button.js';
-import { base as base$1 } from '../Button/variations/_view/base.js';
-import { base as base$2 } from '../Button/variations/_size/base.js';
-import { base as base$3 } from '../Button/variations/_disabled/base.js';
-import { base as base$4 } from '../Button/variations/_focused/base.js';
-import { base as base$5 } from '../Button/variations/_blurred/base.js';
-import { base as base$6 } from '../Button/variations/_stretching/base.js';
-import { base } from './IconButton.styles.js';
-
-var iconButtonRoot = buttonRoot;
-var iconButtonConfig = {
-  name: 'IconButton',
-  tag: 'button',
-  layout: iconButtonRoot,
-  base: base,
-  variations: {
-    view: {
-      css: base$1
-    },
-    size: {
-      css: base$2
-    },
-    disabled: {
-      css: base$3,
-      attrs: true
-    },
-    focused: {
-      css: base$4
-    },
-    blurred: {
-      css: base$5
-    },
-    stretching: {
-      css: base$6
-    }
-  },
-  defaults: {
-    view: 'secondary',
-    size: 'm',
-    stretching: 'fixed'
-  }
-};
-
-export { iconButtonConfig, iconButtonRoot };
-//# sourceMappingURL=IconButton.js.map

package/es/components/IconButton/IconButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconButton.js","sources":["../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import { buttonRoot } from '../Button';\nimport { base as viewCSS } from '../Button/variations/_view/base';\nimport { base as sizeCSS } from '../Button/variations/_size/base';\nimport { base as disabledCSS } from '../Button/variations/_disabled/base';\nimport { base as focusedCSS } from '../Button/variations/_focused/base';\nimport { base as blurredCSS } from '../Button/variations/_blurred/base';\nimport { base as stretchingCSS } from '../Button/variations/_stretching/base';\n\nimport { base } from './IconButton.styles';\n\nexport const iconButtonRoot = buttonRoot;\n\nexport const iconButtonConfig = {\n    name: 'IconButton',\n    tag: 'button',\n    layout: iconButtonRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        focused: {\n            css: focusedCSS,\n        },\n        blurred: {\n            css: blurredCSS,\n        },\n        stretching: {\n            css: stretchingCSS,\n        },\n    },\n    defaults: {\n        view: 'secondary',\n        size: 'm',\n        stretching: 'fixed',\n    },\n};\n"],"names":["iconButtonRoot","buttonRoot","iconButtonConfig","name","tag","layout","base","variations","view","css","viewCSS","size","sizeCSS","disabled","disabledCSS","attrs","focused","focusedCSS","blurred","blurredCSS","stretching","stretchingCSS","defaults"],"mappings":";;;;;;;;;AAUO,IAAMA,cAAc,GAAGC,WAAU;AAEjC,IAAMC,gBAAgB,GAAG;AAC5BC,EAAAA,IAAI,EAAE,YAAY;AAClBC,EAAAA,GAAG,EAAE,QAAQ;AACbC,EAAAA,MAAM,EAAEL,cAAc;AACtBM,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDC,IAAAA,IAAI,EAAE;AACFF,MAAAA,GAAG,EAAEG,MAAAA;KACR;AACDC,IAAAA,QAAQ,EAAE;AACNJ,MAAAA,GAAG,EAAEK,MAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;KACV;AACDC,IAAAA,OAAO,EAAE;AACLP,MAAAA,GAAG,EAAEQ,MAAAA;KACR;AACDC,IAAAA,OAAO,EAAE;AACLT,MAAAA,GAAG,EAAEU,MAAAA;KACR;AACDC,IAAAA,UAAU,EAAE;AACRX,MAAAA,GAAG,EAAEY,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNd,IAAAA,IAAI,EAAE,WAAW;AACjBG,IAAAA,IAAI,EAAE,GAAG;AACTS,IAAAA,UAAU,EAAE,OAAA;AAChB,GAAA;AACJ;;;;"}

package/es/components/IconButton/IconButton.styles.js

@@ -1,12 +0,0 @@
-import './IconButton.styles_1hknr37.css';
-import 'react';
-import '../../utils/react.js';
-import '@linaria/react';
-import 'focus-visible';
-import '@linaria/core';
-import '@salutejs/plasma-core';
-
-var base = "b1ua728l";
-
-export { base };
-//# sourceMappingURL=IconButton.styles.js.map

package/es/components/IconButton/IconButton.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconButton.styles.js","sources":["../../../src/components/IconButton/IconButton.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { buttonTokens } from '../Button';\nimport { baseContent as buttonBase } from '../Button/Button.styles';\n\nimport { tokens } from './IconButton.tokens';\n\nexport const mappingOverride = `\n    ${buttonTokens.buttonPadding}: 0;\n\n    ${buttonTokens.buttonColor}: var(${tokens.iconButtonColor});\n    ${buttonTokens.buttonBackgroundColor}: var(${tokens.iconButtonBackgroundColor});\n\n    ${buttonTokens.buttonColorHover}: var(${tokens.iconButtonColorHover});\n    ${buttonTokens.buttonBackgroundColorHover}: var(${tokens.iconButtonBackgroundColorHover});\n\n    ${buttonTokens.buttonColorActive}: var(${tokens.iconButtonColorActive});\n    ${buttonTokens.buttonBackgroundColorActive}: var(${tokens.iconButtonBackgroundColorActive});\n\n\n    ${buttonTokens.buttonFontFamily}: var(${tokens.iconButtonFontFamily});\n    ${buttonTokens.buttonFontSize}: var(${tokens.iconButtonFontSize});\n    ${buttonTokens.buttonFontStyle}: var(${tokens.iconButtonFontStyle});\n    ${buttonTokens.buttonFontWeight}:var(${tokens.iconButtonFontWeight});\n    ${buttonTokens.buttonLetterSpacing}: var(${tokens.iconButtonLetterSpacing});\n    ${buttonTokens.buttonLineHeight}: var(${tokens.iconButtonLineHeight});\n\n    ${buttonTokens.buttonWidth}: var(${tokens.iconButtonWidth});\n    ${buttonTokens.buttonHeight}: var(${tokens.iconButtonHeight});\n    ${buttonTokens.buttonRadius}: var(${tokens.iconButtonRadius});\n\n    ${buttonTokens.buttonDisabledOpacity}: var(${tokens.iconButtonDisabledOpacity});\n    ${buttonTokens.buttonFocusColor}: var(${tokens.iconButtonFocusColor});\n\n    ${buttonTokens.buttonSpinnerSize}: var(${tokens.iconButtonSpinnerSize});\n    ${buttonTokens.buttonSpinnerColor}: var(${tokens.iconButtonSpinnerColor});\n`;\n\nexport const base = css`\n    ${buttonBase};\n    ${mappingOverride};\n`;\n"],"names":["base"],"mappings":";;;;;;;AAsCO,IAAMA,IAAI,GAGhB;;;;"}

package/es/components/IconButton/IconButton.styles_1hknr37.css

@@ -1 +0,0 @@
-.b1ua728l{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--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);}a.b1ua728l{-webkit-text-decoration:none;text-decoration:none;}.b1ua728l.b1ua728l.button-square{width:var(--plasma-button-height);padding:0;}.b1ua728l:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.b1ua728l:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.b1ua728l:focus{outline:none;}.b1ua728l::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.b1ua728l.focus-visible:focus::before,.b1ua728l[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.b1ua728l[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.b1ua728l[disabled]:hover,.b1ua728l[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.b1ua728l.button-stretching-fixed{width:var(--plasma-button-width);}.b1ua728l.button-stretching-filled{width:100%;}.b1ua728l.button-stretching-auto{width:auto;}

package/es/components/IconButton/IconButton.tokens.js

@@ -1,28 +0,0 @@
-var tokens = {
-  iconButtonColor: '--plasma-icon-button-color',
-  iconButtonBackgroundColor: '--plasma-icon-button-background-color',
-  iconButtonColorHover: '--plasma-icon-button-color-hover',
-  iconButtonBackgroundColorHover: '--plasma-icon-button-background-color-hover',
-  iconButtonColorActive: '--plasma-icon-button-color-active',
-  iconButtonBackgroundColorActive: '--plasma-icon-button-background-color-active',
-  iconButtonScaleHover: '--plasma-icon-button-scale-hover',
-  iconButtonScaleActive: '---plasma-icon-button-scale-active',
-  iconButtonHeight: '--plasma-icon-button-height',
-  iconButtonWidth: '--plasma-icon-button-width',
-  iconButtonPadding: '--plasma-icon-button-padding',
-  iconButtonRadius: '--plasma-icon-button-radius',
-  iconButtonRadiusCircle: '--plasma-icon-button-radius-circle',
-  iconButtonFontFamily: '--plasma-icon-button-font-family',
-  iconButtonFontSize: '--plasma-icon-button-font-size',
-  iconButtonFontStyle: '--plasma-icon-button-font-style',
-  iconButtonFontWeight: '--plasma-icon-button-font-weight',
-  iconButtonLetterSpacing: '--plasma-icon-button-letter-spacing',
-  iconButtonLineHeight: '--plasma-icon-button-line-height',
-  iconButtonDisabledOpacity: '--plasma-icon-button-disabled-opacity',
-  iconButtonFocusColor: '--plasma-icon-button-focus-color',
-  iconButtonSpinnerColor: '--plasma-icon-button-spinner-color',
-  iconButtonSpinnerSize: '--plasma-icon-button-spinner-size'
-};
-
-export { tokens };
-//# sourceMappingURL=IconButton.tokens.js.map

package/es/components/IconButton/IconButton.tokens.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconButton.tokens.js","sources":["../../../src/components/IconButton/IconButton.tokens.ts"],"sourcesContent":["export const tokens = {\n    iconButtonColor: '--plasma-icon-button-color',\n    iconButtonBackgroundColor: '--plasma-icon-button-background-color',\n    iconButtonColorHover: '--plasma-icon-button-color-hover',\n    iconButtonBackgroundColorHover: '--plasma-icon-button-background-color-hover',\n    iconButtonColorActive: '--plasma-icon-button-color-active',\n    iconButtonBackgroundColorActive: '--plasma-icon-button-background-color-active',\n\n    iconButtonScaleHover: '--plasma-icon-button-scale-hover',\n    iconButtonScaleActive: '---plasma-icon-button-scale-active',\n    iconButtonHeight: '--plasma-icon-button-height',\n    iconButtonWidth: '--plasma-icon-button-width',\n    iconButtonPadding: '--plasma-icon-button-padding',\n    iconButtonRadius: '--plasma-icon-button-radius',\n    iconButtonRadiusCircle: '--plasma-icon-button-radius-circle',\n\n    iconButtonFontFamily: '--plasma-icon-button-font-family',\n    iconButtonFontSize: '--plasma-icon-button-font-size',\n    iconButtonFontStyle: '--plasma-icon-button-font-style',\n    iconButtonFontWeight: '--plasma-icon-button-font-weight',\n    iconButtonLetterSpacing: '--plasma-icon-button-letter-spacing',\n    iconButtonLineHeight: '--plasma-icon-button-line-height',\n\n    iconButtonDisabledOpacity: '--plasma-icon-button-disabled-opacity',\n    iconButtonFocusColor: '--plasma-icon-button-focus-color',\n\n    iconButtonSpinnerColor: '--plasma-icon-button-spinner-color',\n    iconButtonSpinnerSize: '--plasma-icon-button-spinner-size',\n};\n"],"names":["tokens","iconButtonColor","iconButtonBackgroundColor","iconButtonColorHover","iconButtonBackgroundColorHover","iconButtonColorActive","iconButtonBackgroundColorActive","iconButtonScaleHover","iconButtonScaleActive","iconButtonHeight","iconButtonWidth","iconButtonPadding","iconButtonRadius","iconButtonRadiusCircle","iconButtonFontFamily","iconButtonFontSize","iconButtonFontStyle","iconButtonFontWeight","iconButtonLetterSpacing","iconButtonLineHeight","iconButtonDisabledOpacity","iconButtonFocusColor","iconButtonSpinnerColor","iconButtonSpinnerSize"],"mappings":"AAAO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,eAAe,EAAE,4BAA4B;AAC7CC,EAAAA,yBAAyB,EAAE,uCAAuC;AAClEC,EAAAA,oBAAoB,EAAE,kCAAkC;AACxDC,EAAAA,8BAA8B,EAAE,6CAA6C;AAC7EC,EAAAA,qBAAqB,EAAE,mCAAmC;AAC1DC,EAAAA,+BAA+B,EAAE,8CAA8C;AAE/EC,EAAAA,oBAAoB,EAAE,kCAAkC;AACxDC,EAAAA,qBAAqB,EAAE,oCAAoC;AAC3DC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,eAAe,EAAE,4BAA4B;AAC7CC,EAAAA,iBAAiB,EAAE,8BAA8B;AACjDC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,sBAAsB,EAAE,oCAAoC;AAE5DC,EAAAA,oBAAoB,EAAE,kCAAkC;AACxDC,EAAAA,kBAAkB,EAAE,gCAAgC;AACpDC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,oBAAoB,EAAE,kCAAkC;AACxDC,EAAAA,uBAAuB,EAAE,qCAAqC;AAC9DC,EAAAA,oBAAoB,EAAE,kCAAkC;AAExDC,EAAAA,yBAAyB,EAAE,uCAAuC;AAClEC,EAAAA,oBAAoB,EAAE,kCAAkC;AAExDC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,qBAAqB,EAAE,mCAAA;AAC3B;;;;"}

package/styled-components/cjs/components/Dropdown/Dropdown.template-doc.mdx

@@ -1,80 +0,0 @@
----
-id: dropdown
-title: Dropdown
----
-
-import { PropsTable, Description } from '@site/src/components';
-
-# Dropdown
-Набор компонентов для создания выпадающих списков. 
-
-<Description name="Dropdown" />
-<PropsTable name="Dropdown" exclude={['css']} />
-
-# DropdownItem
-
-<Description name="DropdownItem" />
-<PropsTable name="DropdownItem" exclude={['css']} />
-
-## Использование
-
-```tsx live
-import React, { useState } from 'react';
-import { Dropdown, DropdownItem } from '@salutejs/{{ package }}';
-import { surfaceSolidSecondary } from '@salutejs/{{ theme }}';
-
-export function App() {
-    const [selected, setSelected] = useState('');
-    const [isOpen, setIsOpen] = useState(false);
-
-    const handleSelect = (value: string, text: string) => {
-        setSelected(value);
-        setIsOpen(false);
-    };
-
-    const getDropdownItems = (slug: string, elemCount: number) =>
-    [...Array(elemCount).keys()].map((num) => ({
-        value: `${slug}_${num}`,
-        child: `${slug} ${num}`,
-    }));
-
-    return (
-        <div style=\{{height: "400px", background: surfaceSolidSecondary, padding: "1rem" }}>
-            <Dropdown
-                    target={<Button>Target</Button>}
-                    isOpen={isOpen}
-                    onToggle={() => {
-                        setIsOpen(!isOpen);
-                    }}
-                    offset={[10, 15]}
-                    view="primary"
-                    size="m"
-                    placement="right"
-                    trigger="click"
-                    closeOnOverlayClick={false}
-                    closeOnEsc
-                    isFocusTrapped
-                >
-                    {getDropdownItems('item', 6).map((item) => (
-                        <DropdownItem
-                            key={item.value}
-                            isSelected={Boolean(item.value === selected)}
-                            onSelect={() => handleSelect(item.value, item.child)}
-                            value={item.value}
-                        >
-                            {item.child}
-                        </DropdownItem>
-                    ))}
-                    <DropdownItem
-                        isSelected={selected === 'disabled'}
-                        onSelect={() => handleSelect('disabled', 'disabled')}
-                        value="disabled"
-                        disabled
-                    >
-                        disabled
-                    </DropdownItem>
-                </Dropdown>
-            </div>
-    );
-}
-```

package/styled-components/cjs/components/Dropdown/ui/DropdownItem/variations/_size/tokens.json

@@ -1,19 +0,0 @@
-[
-    "--plasma-dropdown-item-width",
-    "--plasma-dropdown-item-height",
-    "--plasma-dropdown-item-padding-top",
-    "--plasma-dropdown-item-padding-right",
-    "--plasma-dropdown-item-padding-bottom",
-    "--plasma-dropdown-item-padding-left",
-    "--plasma-dropdown-item-margin-top",
-    "--plasma-dropdown-item-margin-right",
-    "--plasma-dropdown-item-margin-bottom",
-    "--plasma-dropdown-item-margin-left",
-    "--plasma-dropdown-item-border-radius",
-    "--plasma-dropdown-item-font-family",
-    "--plasma-dropdown-item-font-size",
-    "--plasma-dropdown-item-font-style",
-    "--plasma-dropdown-item-letter-spacing",
-    "--plasma-dropdown-item-line-height",
-    "--plasma-dropdown-item-font-weight"
-]

package/styled-components/cjs/components/Dropdown/ui/DropdownItem/variations/_view/tokens.json

@@ -1,9 +0,0 @@
-[
-    "--plasma-dropdown-item-background",
-    "--plasma-dropdown-item-color",
-    "--plasma-dropdown-item-background-hover",
-    "--plasma-dropdown-item-background-selected",
-    "--plasma-dropdown-item-color-selected",
-    "--plasma-dropdown-item-background-selected-hover",
-    "--plasma-dropdown-item-color-selected-hover"
-]

package/styled-components/cjs/components/IconButton/IconButton.js

@@ -1,47 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.iconButtonRoot = exports.iconButtonConfig = void 0;
-var _Button = /*#__PURE__*/require("../Button");
-var _base = /*#__PURE__*/require("../Button/variations/_view/base");
-var _base2 = /*#__PURE__*/require("../Button/variations/_size/base");
-var _base3 = /*#__PURE__*/require("../Button/variations/_disabled/base");
-var _base4 = /*#__PURE__*/require("../Button/variations/_focused/base");
-var _base5 = /*#__PURE__*/require("../Button/variations/_blurred/base");
-var _base6 = /*#__PURE__*/require("../Button/variations/_stretching/base");
-var _IconButton = /*#__PURE__*/require("./IconButton.styles");
-var iconButtonRoot = exports.iconButtonRoot = _Button.buttonRoot;
-var iconButtonConfig = exports.iconButtonConfig = {
-  name: 'IconButton',
-  tag: 'button',
-  layout: iconButtonRoot,
-  base: _IconButton.base,
-  variations: {
-    view: {
-      css: _base.base
-    },
-    size: {
-      css: _base2.base
-    },
-    disabled: {
-      css: _base3.base,
-      attrs: true
-    },
-    focused: {
-      css: _base4.base
-    },
-    blurred: {
-      css: _base5.base
-    },
-    stretching: {
-      css: _base6.base
-    }
-  },
-  defaults: {
-    view: 'secondary',
-    size: 'm',
-    stretching: 'fixed'
-  }
-};

package/styled-components/cjs/components/IconButton/IconButton.styles.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.mappingOverride = exports.base = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _Button = /*#__PURE__*/require("../Button");
-var _Button2 = /*#__PURE__*/require("../Button/Button.styles");
-var _IconButton = /*#__PURE__*/require("./IconButton.tokens");
-var mappingOverride = exports.mappingOverride = /*#__PURE__*/"\n    ".concat(_Button.buttonTokens.buttonPadding, ": 0;\n\n    ").concat(_Button.buttonTokens.buttonColor, ": var(").concat(_IconButton.tokens.iconButtonColor, ");\n    ").concat(_Button.buttonTokens.buttonBackgroundColor, ": var(").concat(_IconButton.tokens.iconButtonBackgroundColor, ");\n\n    ").concat(_Button.buttonTokens.buttonColorHover, ": var(").concat(_IconButton.tokens.iconButtonColorHover, ");\n    ").concat(_Button.buttonTokens.buttonBackgroundColorHover, ": var(").concat(_IconButton.tokens.iconButtonBackgroundColorHover, ");\n\n    ").concat(_Button.buttonTokens.buttonColorActive, ": var(").concat(_IconButton.tokens.iconButtonColorActive, ");\n    ").concat(_Button.buttonTokens.buttonBackgroundColorActive, ": var(").concat(_IconButton.tokens.iconButtonBackgroundColorActive, ");\n\n\n    ").concat(_Button.buttonTokens.buttonFontFamily, ": var(").concat(_IconButton.tokens.iconButtonFontFamily, ");\n    ").concat(_Button.buttonTokens.buttonFontSize, ": var(").concat(_IconButton.tokens.iconButtonFontSize, ");\n    ").concat(_Button.buttonTokens.buttonFontStyle, ": var(").concat(_IconButton.tokens.iconButtonFontStyle, ");\n    ").concat(_Button.buttonTokens.buttonFontWeight, ":var(").concat(_IconButton.tokens.iconButtonFontWeight, ");\n    ").concat(_Button.buttonTokens.buttonLetterSpacing, ": var(").concat(_IconButton.tokens.iconButtonLetterSpacing, ");\n    ").concat(_Button.buttonTokens.buttonLineHeight, ": var(").concat(_IconButton.tokens.iconButtonLineHeight, ");\n\n    ").concat(_Button.buttonTokens.buttonWidth, ": var(").concat(_IconButton.tokens.iconButtonWidth, ");\n    ").concat(_Button.buttonTokens.buttonHeight, ": var(").concat(_IconButton.tokens.iconButtonHeight, ");\n    ").concat(_Button.buttonTokens.buttonRadius, ": var(").concat(_IconButton.tokens.iconButtonRadius, ");\n\n    ").concat(_Button.buttonTokens.buttonDisabledOpacity, ": var(").concat(_IconButton.tokens.iconButtonDisabledOpacity, ");\n    ").concat(_Button.buttonTokens.buttonFocusColor, ": var(").concat(_IconButton.tokens.iconButtonFocusColor, ");\n\n    ").concat(_Button.buttonTokens.buttonSpinnerSize, ": var(").concat(_IconButton.tokens.iconButtonSpinnerSize, ");\n    ").concat(_Button.buttonTokens.buttonSpinnerColor, ": var(").concat(_IconButton.tokens.iconButtonSpinnerColor, ");\n");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", ";", ";"], _Button2.baseContent, mappingOverride);

package/styled-components/cjs/components/IconButton/IconButton.tokens.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.tokens = void 0;
-var tokens = exports.tokens = {
-  iconButtonColor: '--plasma-icon-button-color',
-  iconButtonBackgroundColor: '--plasma-icon-button-background-color',
-  iconButtonColorHover: '--plasma-icon-button-color-hover',
-  iconButtonBackgroundColorHover: '--plasma-icon-button-background-color-hover',
-  iconButtonColorActive: '--plasma-icon-button-color-active',
-  iconButtonBackgroundColorActive: '--plasma-icon-button-background-color-active',
-  iconButtonScaleHover: '--plasma-icon-button-scale-hover',
-  iconButtonScaleActive: '---plasma-icon-button-scale-active',
-  iconButtonHeight: '--plasma-icon-button-height',
-  iconButtonWidth: '--plasma-icon-button-width',
-  iconButtonPadding: '--plasma-icon-button-padding',
-  iconButtonRadius: '--plasma-icon-button-radius',
-  iconButtonRadiusCircle: '--plasma-icon-button-radius-circle',
-  iconButtonFontFamily: '--plasma-icon-button-font-family',
-  iconButtonFontSize: '--plasma-icon-button-font-size',
-  iconButtonFontStyle: '--plasma-icon-button-font-style',
-  iconButtonFontWeight: '--plasma-icon-button-font-weight',
-  iconButtonLetterSpacing: '--plasma-icon-button-letter-spacing',
-  iconButtonLineHeight: '--plasma-icon-button-line-height',
-  iconButtonDisabledOpacity: '--plasma-icon-button-disabled-opacity',
-  iconButtonFocusColor: '--plasma-icon-button-focus-color',
-  iconButtonSpinnerColor: '--plasma-icon-button-spinner-color',
-  iconButtonSpinnerSize: '--plasma-icon-button-spinner-size'
-};

package/styled-components/cjs/components/IconButton/index.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "iconButtonConfig", {
-  enumerable: true,
-  get: function get() {
-    return _IconButton.iconButtonConfig;
-  }
-});
-Object.defineProperty(exports, "iconButtonRoot", {
-  enumerable: true,
-  get: function get() {
-    return _IconButton.iconButtonRoot;
-  }
-});
-Object.defineProperty(exports, "iconButtonTokens", {
-  enumerable: true,
-  get: function get() {
-    return _IconButton2.tokens;
-  }
-});
-var _IconButton = /*#__PURE__*/require("./IconButton");
-var _IconButton2 = /*#__PURE__*/require("./IconButton.tokens");

package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.config.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _Dropdown = /*#__PURE__*/require("../../../../../components/Dropdown");
-var dropdownSizeCommon = /*#__PURE__*/"\n    ".concat(_Dropdown.dropdownTokens.width, ": 12.5rem;\n    ").concat(_Dropdown.dropdownTokens.height, ": auto;\n    ").concat(_Dropdown.dropdownTokens.borderRadius, ": 0.5rem;\n    ").concat(_Dropdown.dropdownTokens.paddingTop, ": 0.125rem;\n    ").concat(_Dropdown.dropdownTokens.paddingRight, ": 0.0625rem;\n    ").concat(_Dropdown.dropdownTokens.paddingBottom, ": 0.125rem;\n    ").concat(_Dropdown.dropdownTokens.paddingLeft, ": 0.125rem;\n");
-var dropdownItemSizeCommon = /*#__PURE__*/"\n    ".concat(_Dropdown.dropdownTokens.itemWidth, ": auto;\n    ").concat(_Dropdown.dropdownTokens.itemHeight, ": auto;\n    ").concat(_Dropdown.dropdownTokens.itemMarginTop, ": 0;\n    ").concat(_Dropdown.dropdownTokens.itemMarginRight, ": 0;\n    ").concat(_Dropdown.dropdownTokens.itemMarginBottom, ": 0;\n    ").concat(_Dropdown.dropdownTokens.itemMarginLeft, ": 0;\n");
-var config = exports.config = {
-  defaults: {
-    view: 'default',
-    size: 'm'
-  },
-  variations: {
-    size: {
-      xs: /*#__PURE__*/(0, _styledComponents.css)(["", ";", ";", ":0.5625rem;", ":0.5rem;", ":0.5625rem;", ":0.5rem;", ":0.375rem;", ":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-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], dropdownSizeCommon, dropdownItemSizeCommon, _Dropdown.dropdownTokens.itemPaddingTop, _Dropdown.dropdownTokens.itemPaddingRight, _Dropdown.dropdownTokens.itemPaddingBottom, _Dropdown.dropdownTokens.itemPaddingLeft, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight),
-      s: /*#__PURE__*/(0, _styledComponents.css)(["", ";", ";", ":0.6875rem;", ":0.75rem;", ":0.6875rem;", ":0.75rem;", ":0.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-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], dropdownSizeCommon, dropdownItemSizeCommon, _Dropdown.dropdownTokens.itemPaddingTop, _Dropdown.dropdownTokens.itemPaddingRight, _Dropdown.dropdownTokens.itemPaddingBottom, _Dropdown.dropdownTokens.itemPaddingLeft, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ";", ";", ":0.875rem;", ":0.875rem;", ":0.875rem;", ":0.875rem;", ":0.625rem;", ":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-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], dropdownSizeCommon, dropdownItemSizeCommon, _Dropdown.dropdownTokens.itemPaddingTop, _Dropdown.dropdownTokens.itemPaddingRight, _Dropdown.dropdownTokens.itemPaddingBottom, _Dropdown.dropdownTokens.itemPaddingLeft, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight),
-      l: /*#__PURE__*/(0, _styledComponents.css)(["", ";", ";", ":1.0625rem;", ":1rem;", ":1.0625rem;", ":1rem;", ":0.75rem;", ":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-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], dropdownSizeCommon, dropdownItemSizeCommon, _Dropdown.dropdownTokens.itemPaddingTop, _Dropdown.dropdownTokens.itemPaddingRight, _Dropdown.dropdownTokens.itemPaddingBottom, _Dropdown.dropdownTokens.itemPaddingLeft, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight)
-    },
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;", ":var(--surface-solid-card);", ":var(--shadow-down-soft-s);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":inherit;", ":inherit;", ":inherit;", ":inherit;", ":var(--text-primary);"], _Dropdown.dropdownTokens.disabledOpacity, _Dropdown.dropdownTokens.background, _Dropdown.dropdownTokens.boxShadow, _Dropdown.dropdownTokens.itemBackground, _Dropdown.dropdownTokens.itemBackgroundHover, _Dropdown.dropdownTokens.itemBackgroundSelected, _Dropdown.dropdownTokens.itemColorSelected, _Dropdown.dropdownTokens.itemBackgroundSelectedHover, _Dropdown.dropdownTokens.itemColorSelectedHover, _Dropdown.dropdownTokens.itemColor)
-    }
-  }
-};

package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DropdownItem = exports.Dropdown = void 0;
-var _Dropdown = /*#__PURE__*/require("../../../../../components/Dropdown");
-var _engines = /*#__PURE__*/require("../../../../../engines");
-var _Dropdown2 = /*#__PURE__*/require("./Dropdown.config");
-var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Dropdown.dropdownConfig, _Dropdown2.config);
-var Dropdown = exports.Dropdown = /*#__PURE__*/(0, _engines.component)(mergedConfig);
-var mergedItemConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Dropdown.dropdownItemConfig);
-var DropdownItem = exports.DropdownItem = /*#__PURE__*/(0, _engines.component)(mergedItemConfig);

package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.stories.tsx

@@ -1,194 +0,0 @@
-import React, { useState } from 'react';
-import type { ComponentProps } from 'react';
-import type { Meta, StoryObj } from '@storybook/react';
-import { action } from '@storybook/addon-actions';
-import styled from 'styled-components';
-
-import { WithTheme, argTypesFromConfig } from '../../../../_helpers';
-import { mergeConfig } from '../../../../../engines';
-import { dropdownConfig } from '../../../../../components/Dropdown';
-import { Button } from '../../Button/Button';
-import { Radiobox } from '../../Radiobox/Radiobox';
-import { Checkbox } from '../../Checkbox/Checkbox';
-import type { DropdownPlacement, DropdownTrigger } from '../../../../../components/Dropdown/Dropdown.types';
-
-import { Dropdown, DropdownItem } from './Dropdown';
-import { config } from './Dropdown.config';
-
-const placements: Array<DropdownPlacement> = ['top', 'bottom', 'right', 'left', 'auto'];
-const triggers: Array<DropdownTrigger> = ['click', 'hover'];
-
-type StoryDropdownPropsCustom = {
-    skidding?: number;
-    distance?: number;
-};
-
-type StoryDropdownProps = ComponentProps<typeof Dropdown> & StoryDropdownPropsCustom;
-
-const meta: Meta<StoryDropdownProps> = {
-    title: 'plasma_b2c/Dropdown',
-    decorators: [WithTheme],
-    component: Dropdown,
-    argTypes: {
-        placement: {
-            options: placements,
-            control: {
-                type: 'select',
-            },
-        },
-        trigger: {
-            options: triggers,
-            control: {
-                type: 'select',
-            },
-        },
-        ...argTypesFromConfig(mergeConfig(dropdownConfig, config)),
-    },
-    args: {
-        placement: 'bottom',
-        trigger: 'click',
-        closeOnOverlayClick: false,
-        closeOnEsc: true,
-        isFocusTrapped: true,
-        skidding: 0,
-        distance: 0,
-    },
-};
-
-export default meta;
-
-const onSelect = action('onSelect');
-const onClick = action('onClick');
-const onChange = action('onChange');
-
-const getDropdownItems = (slug: string, elemCount: number) =>
-    [...Array(elemCount).keys()].map((num) => ({
-        value: `${slug}_${num}`,
-        child: `${slug} ${num}`,
-    }));
-
-const StyledRadiobox = styled(Radiobox)`
-    margin-right: 0.5rem;
-`;
-
-const StyledCheckbox = styled(Checkbox)`
-    margin-left: auto;
-`;
-
-const StyledDisclosureRightIcon = styled.div`
-    width: 1.25rem;
-    height: 1.25rem;
-    margin-left: auto;
-`;
-
-const DisclosureRightIcon = (props) => (
-    <StyledDisclosureRightIcon>
-        <svg width="100%" viewBox="0 0 24 24" fill="none" {...props}>
-            <path
-                d="M9.883 8.707a1 1 0 011.414-1.414L16.004 12l-4.707 4.707a1 1 0 01-1.414-1.414L13.176 12 9.883 8.707z"
-                fill="currentColor"
-            />
-        </svg>
-    </StyledDisclosureRightIcon>
-);
-
-const StoryNormal = (args: StoryDropdownProps) => {
-    const [selected, setSelected] = useState('');
-    const [isOpen, setIsOpen] = useState(false);
-    const [isOpenDropdown2, setIsOpenDropdown2] = useState(false);
-
-    const { skidding, distance, placement, ...rest } = args;
-
-    const onMainClose = () => {
-        setIsOpen(false);
-        setIsOpenDropdown2(false);
-    };
-
-    const onMainToggle = (openValue: boolean) => {
-        setIsOpen(openValue);
-
-        if (!openValue) {
-            onMainClose();
-        }
-    };
-
-    const handleSelect = (value: string, text: string) => {
-        setSelected(value);
-        onSelect(value, text);
-        setIsOpen(false);
-    };
-
-    return (
-        <div>
-            <h3>This is header</h3>
-            <Dropdown
-                target={<Button>Target</Button>}
-                isOpen={isOpen}
-                onToggle={onMainToggle}
-                offset={[Number(skidding), Number(distance)]}
-                placement={placement}
-                {...rest}
-            >
-                {getDropdownItems('item', 6).map((item) => (
-                    <DropdownItem
-                        key={item.value}
-                        isSelected={Boolean(item.value === selected)}
-                        onSelect={() => handleSelect(item.value, item.child)}
-                        onClick={onClick}
-                        value={item.value}
-                    >
-                        {item.child}
-                    </DropdownItem>
-                ))}
-                <Dropdown
-                    target={<DropdownItem contentRight={DisclosureRightIcon} name="test" text="Nested dropdown" />}
-                    onToggle={(is) => setIsOpenDropdown2(is)}
-                    isOpen={isOpenDropdown2}
-                    offset={[0, 0]}
-                    {...rest}
-                >
-                    <DropdownItem contentRight={StyledCheckbox} value="checked" onChange={onChange} text="Checkbox" />
-                    {getDropdownItems('nested', 4).map((item) => (
-                        <DropdownItem
-                            key={item.value}
-                            isSelected={Boolean(item.value === selected)}
-                            onSelect={() => handleSelect(item.value, item.child)}
-                            onClick={onClick}
-                            value={item.value}
-                        >
-                            {item.child}
-                        </DropdownItem>
-                    ))}
-                    <DropdownItem
-                        contentLeft={StyledRadiobox}
-                        name="radio"
-                        value="1"
-                        onChange={onChange}
-                        text="Radiobox 1"
-                    />
-                    <DropdownItem
-                        contentLeft={StyledRadiobox}
-                        name="radio"
-                        value="2"
-                        onChange={onChange}
-                        text="Radiobox 2"
-                    />
-                </Dropdown>
-
-                <DropdownItem
-                    isSelected={selected === 'disabled'}
-                    onSelect={() => handleSelect('disabled', 'disabled')}
-                    onClick={onClick}
-                    value="disabled"
-                    disabled
-                >
-                    disabled
-                </DropdownItem>
-            </Dropdown>
-        </div>
-    );
-};
-
-export const Normal: StoryObj<StoryDropdownProps> = {
-    render: (args) => <StoryNormal {...args} />,
-};