@vkontakte/vkui 4.34.2 → 4.35.0

package/dist/unstable.css.map

@@ -1 +1 @@
-{"version":3,"file":"unstable.css","mappings":"AAAA,iBACE,iBACF,CAEA,wBACE,cAAe,CACf,iBAAkB,CAClB,aAA+D,CAA/D,8DACF,CCRA,oBACE,aAAc,CACd,YAAa,CACb,YAAa,CACb,UAAW,CACX,WAAY,CACZ,iBACF,CAEA,2BACE,iBAAkB,CAClB,uBAAwB,CAExB,eACF,CAEA,+BACE,YAAa,CACb,sBAAuB,CACvB,0BACF,CAEA,0BACE,aAAc,CACd,QAAS,CACT,qBAAsB,CACtB,iBAAkB,CAClB,YACF,CAEA,8BACE,aAAoB,CAApB,mBAAoB,CACpB,YACF,CAEA,yCACE,aAAoB,CAApB,mBAAoB,CACpB,YACF,CAEA,+BACE,aAA2B,CAA3B,0BACF,CAEA,gGAGE,YACF,CAEA,kNAME,YACF,CAEA,iHAGE,YACF,CAEA,6MAME,YACF,CAEA,oEACE,UACF,CAEA,0HAEE,WAAY,CACZ,WAAY,CACZ,UAAW,CACX,WACF,CAEA,2BACE,QAAS,CACT,SAAU,CACV,UAAW,CACX,WAAY,CACZ,iBACF,CAEA,yHAEE,UAAW,CACX,UAAW,CACX,WAAY,CACZ,iBAAkB,CAClB,KAAM,CACN,OAAQ,CACR,QAAS,CACT,MAAO,CACP,mBAAoB,CACpB,eAAgB,CAChB,qBAAsB,CACtB,kBACF,CAEA,wFACE,gCAA+C,CAA/C,8CACF,CAEA,sFACE,gCAAyC,CAAzC,wCACF,CAEA,qDACE,iBAAkB,CAClB,WAAY,CACZ,gBACF,CAEA,+FAGE,UACF,CChIA,cACE,6CAAuC,CAAvC,qCAAuC,CACvC,eAA6E,CAA7E,4EAA6E,CAC7E,iBAAuD,CAAvD,0DAAuD,CACvD,6DAAmC,CAAnC,qGACF,CCLA,iBACE,iBAAkB,CAClB,6BAKC,CAED,oBAAqB,CACrB,UAAmB,CAAnB,kBAAmB,CACnB,6DAAuE,CACvE,6CAAuC,CAAvC,qCACF,CAEA,wBACE,wBACF,CCjBA,iBACE,6DAAuE,CACvE,iBAAkB,CAClB,eAAqC,CAArC,oCAAqC,CACrC,6CAAuC,CAAvC,qCACF,CAEA,wBACE,UAAgC,CAAhC,+BACF,C","sources":["webpack://@vkontakte/vkui/./src/components/ChipsSelect/ChipsSelect.css","webpack://@vkontakte/vkui/./src/components/SimpleCheckbox/SimpleCheckbox.css","webpack://@vkontakte/vkui/./src/components/Dropdown/Dropdown.css","webpack://@vkontakte/vkui/./src/components/TextTooltip/TextTooltip.css","webpack://@vkontakte/vkui/./src/components/RichTooltip/RichTooltip.css"],"sourcesContent":[".ChipsSelect {\n  position: relative;\n}\n\n.ChipsSelect__empty {\n  padding: 12px 0;\n  text-align: center;\n  color: var(--text_secondary, var(--vkui--color_text_secondary));\n}\n",".SimpleCheckbox {\n  display: block;\n  margin: -10px;\n  padding: 10px;\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n}\n\n.SimpleCheckbox__input {\n  position: absolute;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n}\n\n.SimpleCheckbox__container {\n  display: flex;\n  align-items: flex-start;\n  justify-content: flex-start;\n}\n\n.SimpleCheckbox__icon {\n  flex-shrink: 0;\n  margin: 0;\n  box-sizing: border-box;\n  border-radius: 4px;\n  display: flex;\n}\n\n.SimpleCheckbox__icon--on {\n  color: var(--accent);\n  display: none;\n}\n\n.SimpleCheckbox__icon--indeterminate {\n  color: var(--accent);\n  display: none;\n}\n\n.SimpleCheckbox__icon--off {\n  color: var(--icon_tertiary);\n}\n\n.SimpleCheckbox__input:checked\n  ~ .SimpleCheckbox__container\n  .SimpleCheckbox__icon--on {\n  display: flex;\n}\n\n.SimpleCheckbox__input:indeterminate\n  ~ .SimpleCheckbox__container\n  .SimpleCheckbox__icon--indeterminate,\n.SimpleCheckbox__input:checked\n  ~ .SimpleCheckbox__container\n  .SimpleCheckbox__icon--off {\n  display: none;\n}\n\n.SimpleCheckbox__input:indeterminate\n  ~ .SimpleCheckbox__container\n  .SimpleCheckbox__icon--indeterminate {\n  display: flex;\n}\n\n.SimpleCheckbox__input:indeterminate\n  ~ .SimpleCheckbox__container\n  .SimpleCheckbox__icon--on,\n.SimpleCheckbox__input:indeterminate\n  ~ .SimpleCheckbox__container\n  .SimpleCheckbox__icon--off {\n  display: none;\n}\n\n.SimpleCheckbox__input[disabled] ~ .SimpleCheckbox__container {\n  opacity: 0.6;\n}\n\n.SimpleCheckbox--ios.SimpleCheckbox--sizeY-compact,\n.SimpleCheckbox--android.SimpleCheckbox--sizeY-compact {\n  margin: -8px;\n  padding: 8px;\n  width: 20px;\n  height: 20px;\n}\n\n.SimpleCheckbox--vkcom {\n  margin: 0;\n  padding: 0;\n  width: 22px;\n  height: 22px;\n  border-radius: 4px;\n}\n\n.SimpleCheckbox--vkcom .SimpleCheckbox__activeShadow,\n.SimpleCheckbox--vkcom .SimpleCheckbox__hoverShadow {\n  margin: 3px;\n  width: 16px;\n  height: 16px;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  pointer-events: none;\n  overflow: hidden;\n  border-radius: inherit;\n  transition: inherit;\n}\n\n.SimpleCheckbox--vkcom.SimpleCheckbox--active .SimpleCheckbox__activeShadow {\n  background-color: var(--background_highlighted);\n}\n\n.SimpleCheckbox--vkcom.SimpleCheckbox--hover .SimpleCheckbox__hoverShadow {\n  background-color: var(--background_hover);\n}\n\n.SimpleCheckbox--vkcom .SimpleCheckbox__icon {\n  border-radius: 3px;\n  padding: 1px;\n  border-width: 1px;\n}\n\n.SimpleCheckbox--vkcom\n  .SimpleCheckbox__input[disabled]\n  ~ .SimpleCheckbox__container {\n  opacity: 0.4;\n}\n",".Dropdown {\n  animation: vkui-popper-fadein 0.2s ease;\n  background: var(--modal_card_background, var(--vkui--color_background_modal));\n  border-radius: var(--vkui--size_border_radius--regular);\n  box-shadow: var(--vkui--elevation3);\n}\n",".TextTooltip {\n  border-radius: 8px;\n  background: rgba(\n    44,\n    45,\n    46,\n    0.88\n  ); /*TODO узнать у дизайнеров название токена*/\n\n  padding: 8px 12px 9px;\n  color: var(--white);\n  box-shadow: 0 0 4px rgba(0, 0, 0, 0.04), 0 4px 32px rgba(0, 0, 0, 0.16);\n  animation: vkui-popper-fadein 0.2s ease;\n}\n\n.TextTooltip__arrow {\n  color: rgba(44, 45, 46, 0.88);\n}\n",".RichTooltip {\n  box-shadow: 0 0 4px rgba(0, 0, 0, 0.04), 0 4px 32px rgba(0, 0, 0, 0.16);\n  border-radius: 8px;\n  background: var(--background_content);\n  animation: vkui-popper-fadein 0.2s ease;\n}\n\n.RichTooltip__arrow {\n  color: var(--background_content);\n}\n"],"names":[],"sourceRoot":""}
+{"version":3,"file":"unstable.css","mappings":"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","sources":["webpack://@vkontakte/vkui/./src/components/ChipsSelect/ChipsSelect.css","webpack://@vkontakte/vkui/./src/components/SimpleCheckbox/SimpleCheckbox.css","webpack://@vkontakte/vkui/./src/components/Dropdown/Dropdown.css","webpack://@vkontakte/vkui/./src/components/TextTooltip/TextTooltip.css","webpack://@vkontakte/vkui/./src/components/RichTooltip/RichTooltip.css"],"sourcesContent":[".ChipsSelect {\n  position: relative;\n}\n\n.ChipsSelect__empty {\n  padding: 12px 0;\n  text-align: center;\n  color: var(--text_secondary, var(--vkui--color_text_secondary));\n}\n",".SimpleCheckbox {\n  display: block;\n  margin: -10px;\n  padding: 10px;\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n}\n\n.SimpleCheckbox__input {\n  position: absolute;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n}\n\n.SimpleCheckbox__container {\n  display: flex;\n  align-items: flex-start;\n  justify-content: flex-start;\n}\n\n.SimpleCheckbox__icon {\n  flex-shrink: 0;\n  margin: 0;\n  box-sizing: border-box;\n  border-radius: 4px;\n  display: flex;\n}\n\n.SimpleCheckbox__icon--on {\n  color: var(--accent);\n  display: none;\n}\n\n.SimpleCheckbox__icon--indeterminate {\n  color: var(--accent);\n  display: none;\n}\n\n.SimpleCheckbox__icon--off {\n  color: var(--icon_tertiary);\n}\n\n.SimpleCheckbox__input:checked\n  ~ .SimpleCheckbox__container\n  .SimpleCheckbox__icon--on {\n  display: flex;\n}\n\n.SimpleCheckbox__input:indeterminate\n  ~ .SimpleCheckbox__container\n  .SimpleCheckbox__icon--indeterminate,\n.SimpleCheckbox__input:checked\n  ~ .SimpleCheckbox__container\n  .SimpleCheckbox__icon--off {\n  display: none;\n}\n\n.SimpleCheckbox__input:indeterminate\n  ~ .SimpleCheckbox__container\n  .SimpleCheckbox__icon--indeterminate {\n  display: flex;\n}\n\n.SimpleCheckbox__input:indeterminate\n  ~ .SimpleCheckbox__container\n  .SimpleCheckbox__icon--on,\n.SimpleCheckbox__input:indeterminate\n  ~ .SimpleCheckbox__container\n  .SimpleCheckbox__icon--off {\n  display: none;\n}\n\n.SimpleCheckbox__input[disabled] ~ .SimpleCheckbox__container {\n  opacity: 0.6;\n}\n\n.SimpleCheckbox--ios.SimpleCheckbox--sizeY-compact,\n.SimpleCheckbox--android.SimpleCheckbox--sizeY-compact {\n  margin: -8px;\n  padding: 8px;\n  width: 20px;\n  height: 20px;\n}\n\n.SimpleCheckbox--vkcom {\n  margin: 0;\n  padding: 0;\n  width: 22px;\n  height: 22px;\n  border-radius: 4px;\n}\n\n.SimpleCheckbox--vkcom .SimpleCheckbox__activeShadow,\n.SimpleCheckbox--vkcom .SimpleCheckbox__hoverShadow {\n  margin: 3px;\n  width: 16px;\n  height: 16px;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  pointer-events: none;\n  overflow: hidden;\n  border-radius: inherit;\n  transition: inherit;\n}\n\n.SimpleCheckbox--vkcom.SimpleCheckbox--active .SimpleCheckbox__activeShadow {\n  background-color: var(--background_highlighted);\n}\n\n.SimpleCheckbox--vkcom.SimpleCheckbox--hover .SimpleCheckbox__hoverShadow {\n  background-color: var(--background_hover);\n}\n\n.SimpleCheckbox--vkcom .SimpleCheckbox__icon {\n  border-radius: 3px;\n  padding: 1px;\n  border-width: 1px;\n}\n\n.SimpleCheckbox--vkcom\n  .SimpleCheckbox__input[disabled]\n  ~ .SimpleCheckbox__container {\n  opacity: 0.4;\n}\n",".Dropdown {\n  position: relative;\n  animation: vkui-popper-fadein 0.2s ease;\n  background: var(--modal_card_background, var(--vkui--color_background_modal));\n  border-radius: var(--vkui--size_border_radius--regular);\n  box-shadow: var(--vkui--elevation3);\n}\n\n/* Создаём \"Safe Zone\" */\n.Dropdown::before {\n  content: \"\";\n  position: absolute;\n  z-index: -1;\n  top: calc(-1 * var(--popover-safe-zone-padding));\n  right: calc(-1 * var(--popover-safe-zone-padding));\n  bottom: calc(-1 * var(--popover-safe-zone-padding));\n  left: calc(-1 * var(--popover-safe-zone-padding));\n}\n",".TextTooltip {\n  border-radius: var(--vkui--size_border_radius--regular);\n  background-color: var(--vkui--color_background_modal);\n  padding: 8px 12px 9px;\n  color: var(--vkui--color_text_primary);\n  box-shadow: var(--vkui--elevation3);\n  animation: vkui-popper-fadein 0.2s ease;\n}\n\n.TextTooltip__arrow {\n  color: var(--vkui--color_background_modal);\n}\n\n.TextTooltip--accent {\n  background-color: var(--vkui--color_background_accent_tint);\n  color: var(--vkui--color_text_contrast);\n}\n\n.TextTooltip--accent .TextTooltip__arrow {\n  color: var(--vkui--color_background_accent_tint);\n}\n\n.TextTooltip--white {\n  background-color: var(--vkui--color_background_contrast);\n  color: var(--vkui--color_text_primary_invariably);\n}\n\n.TextTooltip--white .TextTooltip__arrow {\n  color: var(--vkui--color_background_contrast);\n}\n\n.TextTooltip--black {\n  background-color: var(--vkui--color_background_contrast_inverse);\n  color: var(--vkui--color_text_contrast);\n}\n\n.TextTooltip--black .TextTooltip__arrow {\n  color: var(--vkui--color_background_contrast_inverse);\n}\n\n.TextTooltip--inversion {\n  background-color: var(--vkui--color_background_modal_inverse);\n  color: var(--vkui--color_text_contrast_themed);\n}\n\n.TextTooltip--inversion .TextTooltip__arrow {\n  color: var(--vkui--color_background_modal_inverse);\n}\n",".RichTooltip {\n  box-shadow: var(--vkui--elevation3);\n  border-radius: var(--vkui--size_border_radius--regular);\n  background-color: var(\n    --background_content,\n    var(--vkui--color_background_modal)\n  );\n  animation: vkui-popper-fadein 0.2s ease;\n  color: var(--vkui--color_text_primary);\n}\n\n.RichTooltip__arrow {\n  color: var(--background_content, var(--vkui--color_background_modal));\n}\n\n.RichTooltip--accent {\n  background-color: var(--vkui--color_background_accent_tint);\n  color: var(--vkui--color_text_contrast);\n}\n\n.RichTooltip--accent .RichTooltip__arrow {\n  color: var(--vkui--color_background_accent_tint);\n}\n\n.RichTooltip--white {\n  background-color: var(--vkui--color_background_contrast);\n  color: var(--vkui--color_text_primary_invariably);\n}\n\n.RichTooltip--white .RichTooltip__arrow {\n  color: var(--vkui--color_background_contrast);\n}\n\n.RichTooltip--black {\n  background-color: var(--vkui--color_background_contrast_inverse);\n  color: var(--vkui--color_text_contrast);\n}\n\n.RichTooltip--black .RichTooltip__arrow {\n  color: var(--vkui--color_background_contrast_inverse);\n}\n\n.RichTooltip--inversion {\n  background-color: var(--vkui--color_background_modal_inverse);\n  color: var(--vkui--color_text_contrast_themed);\n}\n\n.RichTooltip--inversion .RichTooltip__arrow {\n  color: var(--vkui--color_background_modal_inverse);\n}\n"],"names":[],"sourceRoot":""}