npm - @vchasno/ui-kit - Versions diffs - 0.2.15 → 0.2.16 - Mend

@vchasno/ui-kit 0.2.15 → 0.2.16

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 (4) hide show

package/CHANGELOG.md +6 -0
package/dist/ProjectsPopover/index.cjs.js +1 -1
package/dist/ProjectsPopover/index.js +1 -1
package/package.json +1 -1

package/CHANGELOG.md CHANGED Viewed

@@ -7,6 +7,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ## [Unreleased]
+## [0.2.16] - 2024-05-13
+## Fixed
+-   fix `ProjectsPopover` mobile width
 ## [0.2.15] - 2024-05-13
 ## Fixed

package/dist/ProjectsPopover/index.cjs.js CHANGED Viewed

@@ -12619,7 +12619,7 @@ function styleInject(css, ref) {
   }
 }
-var css_248z = ".vchasno-ui-ProjectsPopover {\n    display: inline-block;\n    width: 440px;\n    max-width: calc(100vw - 32px);\n    box-sizing: border-box;\n    padding: 24px 16px 0;\n    border-radius: 3px;\n    background-color: #fff;\n}\n\n.vchasno-ui-ProjectsPopover__content {\n    display: flex;\n    flex-direction: column;\n    gap: 32px;\n}\n\n.vchasno-ui-ProjectsPopover__products {\n    display: flex;\n    width: calc(100% + 32px);\n    box-sizing: border-box;\n    flex-wrap: wrap;\n    gap: 10px;\n}\n\n.vchasno-ui-ProjectsPopover a:hover {\n    color: unset;\n    text-decoration: none;\n}\n\n.vchasno-ui-ProjectsPopover--border {\n    border: 1px solid #dbe5ea;\n}\n\n.vchasno-ui-ProjectsPopover__title {\n    width: 100%;\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 18px;\n}\n\n.vchasno-ui-ProjectsPopover__box {\n    display: inline-flex;\n    width: 198px;\n    box-sizing: border-box;\n    align-items: center;\n    padding: 20px;\n    border: 1px solid #dbe5ea;\n    border-radius: 8px;\n    aspect-ratio: 198/80;\n    color: var(--vchasno-ui-text-primary-color);\n    gap: 8px;\n    text-decoration: none;\n    transition: background-color 0.3s;\n}\n\n.vchasno-ui-ProjectsPopover__box > svg {\n    max-width: 90%;\n}\n\n.vchasno-ui-ProjectsPopover__box__icon {\n    width: 40px;\n    height: 40px;\n    box-sizing: border-box;\n    flex-shrink: 0;\n    border-radius: 50%;\n}\n\n.vchasno-ui-ProjectsPopover__box:hover {\n    background-color: #f3f6f8;\n    cursor: pointer;\n}\n\n.vchasno-ui-ProjectsPopover__box__title {\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 26px;\n}\n\n.vchasno-ui-ProjectsPopover__footer {\n    display: flex;\n    min-height: 42px;\n    align-items: center;\n    justify-content: center;\n    border-radius: 0 0 4px 4px;\n    margin: 0 -16px;\n    background: #ecf4ff;\n    color: #6b8091;\n    font-size: 12px;\n    font-weight: 400;\n}\n\n.vchasno-ui-ProjectsPopover .vchasno-ui-ProjectsPopover__footer > a {\n    color: #0890de;\n    text-decoration: none;\n}\n\n@media screen and (width <= 480px) {\n    .vchasno-ui-ProjectsPopover {\n        width: unset;\n    }\n\n    .vchasno-ui-ProjectsPopover__box {\n        width: calc(50% - 20px);\n        flex-direction: column;\n        justify-content: center;\n        padding: 10px;\n        aspect-ratio: 1 / 1;\n    }\n}\n";
+var css_248z = ".vchasno-ui-ProjectsPopover {\n    display: inline-block;\n    width: 440px;\n    max-width: calc(100vw - 32px);\n    box-sizing: border-box;\n    padding: 24px 16px 0;\n    border-radius: 3px;\n    background-color: #fff;\n}\n\n.vchasno-ui-ProjectsPopover__content {\n    display: flex;\n    flex-direction: column;\n    gap: 32px;\n}\n\n.vchasno-ui-ProjectsPopover__products {\n    display: flex;\n    width: calc(100% + 32px);\n    box-sizing: border-box;\n    flex-wrap: wrap;\n    gap: 10px;\n}\n\n.vchasno-ui-ProjectsPopover a:hover {\n    color: unset;\n    text-decoration: none;\n}\n\n.vchasno-ui-ProjectsPopover--border {\n    border: 1px solid #dbe5ea;\n}\n\n.vchasno-ui-ProjectsPopover__title {\n    width: 100%;\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 18px;\n}\n\n.vchasno-ui-ProjectsPopover__box {\n    display: inline-flex;\n    width: 198px;\n    box-sizing: border-box;\n    align-items: center;\n    padding: 20px;\n    border: 1px solid #dbe5ea;\n    border-radius: 8px;\n    aspect-ratio: 198/80;\n    color: var(--vchasno-ui-text-primary-color);\n    gap: 8px;\n    text-decoration: none;\n    transition: background-color 0.3s;\n}\n\n.vchasno-ui-ProjectsPopover__box > svg {\n    max-width: 90%;\n}\n\n.vchasno-ui-ProjectsPopover__box__icon {\n    width: 40px;\n    height: 40px;\n    box-sizing: border-box;\n    flex-shrink: 0;\n    border-radius: 50%;\n}\n\n.vchasno-ui-ProjectsPopover__box:hover {\n    background-color: #f3f6f8;\n    cursor: pointer;\n}\n\n.vchasno-ui-ProjectsPopover__box__title {\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 26px;\n}\n\n.vchasno-ui-ProjectsPopover__footer {\n    display: flex;\n    min-height: 42px;\n    align-items: center;\n    justify-content: center;\n    border-radius: 0 0 4px 4px;\n    margin: 0 -16px;\n    background: #ecf4ff;\n    color: #6b8091;\n    font-size: 12px;\n    font-weight: 400;\n}\n\n.vchasno-ui-ProjectsPopover .vchasno-ui-ProjectsPopover__footer > a {\n    color: #0890de;\n    text-decoration: none;\n}\n\n@media screen and (width <= 480px) {\n    .vchasno-ui-ProjectsPopover {\n        width: 330px;\n    }\n\n    .vchasno-ui-ProjectsPopover__box {\n        width: calc(50% - 20px);\n        flex-direction: column;\n        justify-content: center;\n        padding: 10px;\n        aspect-ratio: 1 / 1;\n    }\n}\n";
 styleInject(css_248z);
 var ProjectsPopover = function (_a) {

package/dist/ProjectsPopover/index.js CHANGED Viewed

@@ -12599,7 +12599,7 @@ function styleInject(css, ref) {
   }
 }
-var css_248z = ".vchasno-ui-ProjectsPopover {\n    display: inline-block;\n    width: 440px;\n    max-width: calc(100vw - 32px);\n    box-sizing: border-box;\n    padding: 24px 16px 0;\n    border-radius: 3px;\n    background-color: #fff;\n}\n\n.vchasno-ui-ProjectsPopover__content {\n    display: flex;\n    flex-direction: column;\n    gap: 32px;\n}\n\n.vchasno-ui-ProjectsPopover__products {\n    display: flex;\n    width: calc(100% + 32px);\n    box-sizing: border-box;\n    flex-wrap: wrap;\n    gap: 10px;\n}\n\n.vchasno-ui-ProjectsPopover a:hover {\n    color: unset;\n    text-decoration: none;\n}\n\n.vchasno-ui-ProjectsPopover--border {\n    border: 1px solid #dbe5ea;\n}\n\n.vchasno-ui-ProjectsPopover__title {\n    width: 100%;\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 18px;\n}\n\n.vchasno-ui-ProjectsPopover__box {\n    display: inline-flex;\n    width: 198px;\n    box-sizing: border-box;\n    align-items: center;\n    padding: 20px;\n    border: 1px solid #dbe5ea;\n    border-radius: 8px;\n    aspect-ratio: 198/80;\n    color: var(--vchasno-ui-text-primary-color);\n    gap: 8px;\n    text-decoration: none;\n    transition: background-color 0.3s;\n}\n\n.vchasno-ui-ProjectsPopover__box > svg {\n    max-width: 90%;\n}\n\n.vchasno-ui-ProjectsPopover__box__icon {\n    width: 40px;\n    height: 40px;\n    box-sizing: border-box;\n    flex-shrink: 0;\n    border-radius: 50%;\n}\n\n.vchasno-ui-ProjectsPopover__box:hover {\n    background-color: #f3f6f8;\n    cursor: pointer;\n}\n\n.vchasno-ui-ProjectsPopover__box__title {\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 26px;\n}\n\n.vchasno-ui-ProjectsPopover__footer {\n    display: flex;\n    min-height: 42px;\n    align-items: center;\n    justify-content: center;\n    border-radius: 0 0 4px 4px;\n    margin: 0 -16px;\n    background: #ecf4ff;\n    color: #6b8091;\n    font-size: 12px;\n    font-weight: 400;\n}\n\n.vchasno-ui-ProjectsPopover .vchasno-ui-ProjectsPopover__footer > a {\n    color: #0890de;\n    text-decoration: none;\n}\n\n@media screen and (width <= 480px) {\n    .vchasno-ui-ProjectsPopover {\n        width: unset;\n    }\n\n    .vchasno-ui-ProjectsPopover__box {\n        width: calc(50% - 20px);\n        flex-direction: column;\n        justify-content: center;\n        padding: 10px;\n        aspect-ratio: 1 / 1;\n    }\n}\n";
+var css_248z = ".vchasno-ui-ProjectsPopover {\n    display: inline-block;\n    width: 440px;\n    max-width: calc(100vw - 32px);\n    box-sizing: border-box;\n    padding: 24px 16px 0;\n    border-radius: 3px;\n    background-color: #fff;\n}\n\n.vchasno-ui-ProjectsPopover__content {\n    display: flex;\n    flex-direction: column;\n    gap: 32px;\n}\n\n.vchasno-ui-ProjectsPopover__products {\n    display: flex;\n    width: calc(100% + 32px);\n    box-sizing: border-box;\n    flex-wrap: wrap;\n    gap: 10px;\n}\n\n.vchasno-ui-ProjectsPopover a:hover {\n    color: unset;\n    text-decoration: none;\n}\n\n.vchasno-ui-ProjectsPopover--border {\n    border: 1px solid #dbe5ea;\n}\n\n.vchasno-ui-ProjectsPopover__title {\n    width: 100%;\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 18px;\n}\n\n.vchasno-ui-ProjectsPopover__box {\n    display: inline-flex;\n    width: 198px;\n    box-sizing: border-box;\n    align-items: center;\n    padding: 20px;\n    border: 1px solid #dbe5ea;\n    border-radius: 8px;\n    aspect-ratio: 198/80;\n    color: var(--vchasno-ui-text-primary-color);\n    gap: 8px;\n    text-decoration: none;\n    transition: background-color 0.3s;\n}\n\n.vchasno-ui-ProjectsPopover__box > svg {\n    max-width: 90%;\n}\n\n.vchasno-ui-ProjectsPopover__box__icon {\n    width: 40px;\n    height: 40px;\n    box-sizing: border-box;\n    flex-shrink: 0;\n    border-radius: 50%;\n}\n\n.vchasno-ui-ProjectsPopover__box:hover {\n    background-color: #f3f6f8;\n    cursor: pointer;\n}\n\n.vchasno-ui-ProjectsPopover__box__title {\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 26px;\n}\n\n.vchasno-ui-ProjectsPopover__footer {\n    display: flex;\n    min-height: 42px;\n    align-items: center;\n    justify-content: center;\n    border-radius: 0 0 4px 4px;\n    margin: 0 -16px;\n    background: #ecf4ff;\n    color: #6b8091;\n    font-size: 12px;\n    font-weight: 400;\n}\n\n.vchasno-ui-ProjectsPopover .vchasno-ui-ProjectsPopover__footer > a {\n    color: #0890de;\n    text-decoration: none;\n}\n\n@media screen and (width <= 480px) {\n    .vchasno-ui-ProjectsPopover {\n        width: 330px;\n    }\n\n    .vchasno-ui-ProjectsPopover__box {\n        width: calc(50% - 20px);\n        flex-direction: column;\n        justify-content: center;\n        padding: 10px;\n        aspect-ratio: 1 / 1;\n    }\n}\n";
 styleInject(css_248z);
 var ProjectsPopover = function (_a) {

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "@vchasno/ui-kit",
-    "version": "0.2.15",
+    "version": "0.2.16",
     "description": "React UI components for Vchasno applications",
     "main": "dist/index.js",
     "module": "dist/index.js",