Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@hi-ui/alert

Package Overview
Dependencies
Maintainers
2
Versions
59
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@hi-ui/alert - npm Package Compare versions

Comparing version 4.0.0-beta.11 to 4.0.0-beta.12

2

lib/cjs/styles/index.scss.js

@@ -15,3 +15,3 @@ /** @LICENSE

});
var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-alert {\n position: relative;\n padding: var(--hi-v4-spacing-6, 12px) var(--hi-v4-spacing-10, 20px);\n border-radius: var(--hi-v4-border-radius-lg, 6px);\n font-size: var(--hi-v4-text-size-md, 0.875rem);\n color: var(--hi-v4-color-gray-600, #5f6a7a);\n line-height: var(--hi-v4-text-lineheight-sm, 1.25rem);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n width: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n.hi-v4-alert.hi-v4-alert--with-content {\n padding: var(--hi-v4-spacing-10, 20px); }\n.hi-v4-alert.hi-v4-alert--with-content .hi-v4-alert__title {\n font-size: var(--hi-v4-text-size-lg, 1rem);\n font-weight: var(--hi-v4-text-weight-medium, 500);\n margin-bottom: var(--hi-v4-spacing-4, 8px); }\n.hi-v4-alert.hi-v4-alert--with-content .hi-v4-alert__icon {\n font-size: 20px;\n -webkit-margin-end: var(--hi-v4-spacing-6, 12px);\n margin-inline-end: var(--hi-v4-spacing-6, 12px); }\n.hi-v4-alert__icon {\n font-size: var(--hi-v4-text-size-lg, 1rem);\n -webkit-margin-end: var(--hi-v4-spacing-4, 8px);\n margin-inline-end: var(--hi-v4-spacing-4, 8px);\n -ms-flex-negative: 0;\n flex-shrink: 0; }\n.hi-v4-alert__message {\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1;\n width: 100%; }\n.hi-v4-alert__title {\n font-size: var(--hi-v4-text-size-md, 0.875rem);\n color: var(--hi-v4-color-gray-700, #1f2733); }\n.hi-v4-alert .hi-v4-alert__close {\n line-height: inherit;\n height: var(--hi-v4-text-lineheight-sm, 1.25rem);\n -webkit-margin-start: var(--hi-v4-spacing-4, 8px);\n margin-inline-start: var(--hi-v4-spacing-4, 8px); }\n.hi-v4-alert--type-primary {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-alert--type-primary .hi-v4-alert__icon {\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-alert--type-warning {\n background-color: var(--hi-v4-color-warning-50, var(--hi-v4-color-yellow-50, #fefae0)); }\n.hi-v4-alert--type-warning .hi-v4-alert__icon {\n color: var(--hi-v4-color-warning-500, var(--hi-v4-color-yellow-500, #fab007)); }\n.hi-v4-alert--type-success {\n background-color: var(--hi-v4-color-success-50, var(--hi-v4-color-green-50, #e5feeb)); }\n.hi-v4-alert--type-success .hi-v4-alert__icon {\n color: var(--hi-v4-color-success-500, var(--hi-v4-color-green-500, #14ca64)); }\n.hi-v4-alert--type-danger {\n background-color: var(--hi-v4-color-danger-50, var(--hi-v4-color-red-50, #fee9e5)); }\n.hi-v4-alert--type-danger .hi-v4-alert__icon {\n color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n";
var css_248z = ".hi-v4-alert {position: relative;padding: var(--hi-v4-spacing-6, 12px) var(--hi-v4-spacing-10, 20px);border-radius: var(--hi-v4-border-radius-lg, 6px);font-size: var(--hi-v4-text-size-md, 0.875rem);color: var(--hi-v4-color-gray-600, #5f6a7a);line-height: var(--hi-v4-text-lineheight-sm, 1.25rem);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box; }.hi-v4-alert.hi-v4-alert--with-content {padding: var(--hi-v4-spacing-10, 20px); }.hi-v4-alert.hi-v4-alert--with-content .hi-v4-alert__title {font-size: var(--hi-v4-text-size-lg, 1rem);font-weight: var(--hi-v4-text-weight-medium, 500);margin-bottom: var(--hi-v4-spacing-4, 8px); }.hi-v4-alert.hi-v4-alert--with-content .hi-v4-alert__icon {font-size: 20px;-webkit-margin-end: var(--hi-v4-spacing-6, 12px);margin-inline-end: var(--hi-v4-spacing-6, 12px); }.hi-v4-alert__icon {font-size: var(--hi-v4-text-size-lg, 1rem);-webkit-margin-end: var(--hi-v4-spacing-4, 8px);margin-inline-end: var(--hi-v4-spacing-4, 8px);-ms-flex-negative: 0;flex-shrink: 0; }.hi-v4-alert__message {-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;width: 100%; }.hi-v4-alert__title {font-size: var(--hi-v4-text-size-md, 0.875rem);color: var(--hi-v4-color-gray-700, #1f2733); }.hi-v4-alert .hi-v4-alert__close {line-height: inherit;height: var(--hi-v4-text-lineheight-sm, 1.25rem);-webkit-margin-start: var(--hi-v4-spacing-4, 8px);margin-inline-start: var(--hi-v4-spacing-4, 8px); }.hi-v4-alert--type-primary {background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }.hi-v4-alert--type-primary .hi-v4-alert__icon {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }.hi-v4-alert--type-warning {background-color: var(--hi-v4-color-warning-50, var(--hi-v4-color-yellow-50, #fefae0)); }.hi-v4-alert--type-warning .hi-v4-alert__icon {color: var(--hi-v4-color-warning-500, var(--hi-v4-color-yellow-500, #fab007)); }.hi-v4-alert--type-success {background-color: var(--hi-v4-color-success-50, var(--hi-v4-color-green-50, #e5feeb)); }.hi-v4-alert--type-success .hi-v4-alert__icon {color: var(--hi-v4-color-success-500, var(--hi-v4-color-green-500, #14ca64)); }.hi-v4-alert--type-danger {background-color: var(--hi-v4-color-danger-50, var(--hi-v4-color-red-50, #fee9e5)); }.hi-v4-alert--type-danger .hi-v4-alert__icon {color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }";

@@ -18,0 +18,0 @@ var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];

5

lib/esm/styles/index.scss.js

@@ -10,8 +10,7 @@ /** @LICENSE

*/
var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-alert {\n position: relative;\n padding: var(--hi-v4-spacing-6, 12px) var(--hi-v4-spacing-10, 20px);\n border-radius: var(--hi-v4-border-radius-lg, 6px);\n font-size: var(--hi-v4-text-size-md, 0.875rem);\n color: var(--hi-v4-color-gray-600, #5f6a7a);\n line-height: var(--hi-v4-text-lineheight-sm, 1.25rem);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n width: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n.hi-v4-alert.hi-v4-alert--with-content {\n padding: var(--hi-v4-spacing-10, 20px); }\n.hi-v4-alert.hi-v4-alert--with-content .hi-v4-alert__title {\n font-size: var(--hi-v4-text-size-lg, 1rem);\n font-weight: var(--hi-v4-text-weight-medium, 500);\n margin-bottom: var(--hi-v4-spacing-4, 8px); }\n.hi-v4-alert.hi-v4-alert--with-content .hi-v4-alert__icon {\n font-size: 20px;\n -webkit-margin-end: var(--hi-v4-spacing-6, 12px);\n margin-inline-end: var(--hi-v4-spacing-6, 12px); }\n.hi-v4-alert__icon {\n font-size: var(--hi-v4-text-size-lg, 1rem);\n -webkit-margin-end: var(--hi-v4-spacing-4, 8px);\n margin-inline-end: var(--hi-v4-spacing-4, 8px);\n -ms-flex-negative: 0;\n flex-shrink: 0; }\n.hi-v4-alert__message {\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1;\n width: 100%; }\n.hi-v4-alert__title {\n font-size: var(--hi-v4-text-size-md, 0.875rem);\n color: var(--hi-v4-color-gray-700, #1f2733); }\n.hi-v4-alert .hi-v4-alert__close {\n line-height: inherit;\n height: var(--hi-v4-text-lineheight-sm, 1.25rem);\n -webkit-margin-start: var(--hi-v4-spacing-4, 8px);\n margin-inline-start: var(--hi-v4-spacing-4, 8px); }\n.hi-v4-alert--type-primary {\n background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-alert--type-primary .hi-v4-alert__icon {\n color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-alert--type-warning {\n background-color: var(--hi-v4-color-warning-50, var(--hi-v4-color-yellow-50, #fefae0)); }\n.hi-v4-alert--type-warning .hi-v4-alert__icon {\n color: var(--hi-v4-color-warning-500, var(--hi-v4-color-yellow-500, #fab007)); }\n.hi-v4-alert--type-success {\n background-color: var(--hi-v4-color-success-50, var(--hi-v4-color-green-50, #e5feeb)); }\n.hi-v4-alert--type-success .hi-v4-alert__icon {\n color: var(--hi-v4-color-success-500, var(--hi-v4-color-green-500, #14ca64)); }\n.hi-v4-alert--type-danger {\n background-color: var(--hi-v4-color-danger-50, var(--hi-v4-color-red-50, #fee9e5)); }\n.hi-v4-alert--type-danger .hi-v4-alert__icon {\n color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n";
import __styleInject__ from 'style-inject/dist/style-inject.es.js';
var css_248z = ".hi-v4-alert {position: relative;padding: var(--hi-v4-spacing-6, 12px) var(--hi-v4-spacing-10, 20px);border-radius: var(--hi-v4-border-radius-lg, 6px);font-size: var(--hi-v4-text-size-md, 0.875rem);color: var(--hi-v4-color-gray-600, #5f6a7a);line-height: var(--hi-v4-text-lineheight-sm, 1.25rem);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box; }.hi-v4-alert.hi-v4-alert--with-content {padding: var(--hi-v4-spacing-10, 20px); }.hi-v4-alert.hi-v4-alert--with-content .hi-v4-alert__title {font-size: var(--hi-v4-text-size-lg, 1rem);font-weight: var(--hi-v4-text-weight-medium, 500);margin-bottom: var(--hi-v4-spacing-4, 8px); }.hi-v4-alert.hi-v4-alert--with-content .hi-v4-alert__icon {font-size: 20px;-webkit-margin-end: var(--hi-v4-spacing-6, 12px);margin-inline-end: var(--hi-v4-spacing-6, 12px); }.hi-v4-alert__icon {font-size: var(--hi-v4-text-size-lg, 1rem);-webkit-margin-end: var(--hi-v4-spacing-4, 8px);margin-inline-end: var(--hi-v4-spacing-4, 8px);-ms-flex-negative: 0;flex-shrink: 0; }.hi-v4-alert__message {-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;width: 100%; }.hi-v4-alert__title {font-size: var(--hi-v4-text-size-md, 0.875rem);color: var(--hi-v4-color-gray-700, #1f2733); }.hi-v4-alert .hi-v4-alert__close {line-height: inherit;height: var(--hi-v4-text-lineheight-sm, 1.25rem);-webkit-margin-start: var(--hi-v4-spacing-4, 8px);margin-inline-start: var(--hi-v4-spacing-4, 8px); }.hi-v4-alert--type-primary {background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }.hi-v4-alert--type-primary .hi-v4-alert__icon {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }.hi-v4-alert--type-warning {background-color: var(--hi-v4-color-warning-50, var(--hi-v4-color-yellow-50, #fefae0)); }.hi-v4-alert--type-warning .hi-v4-alert__icon {color: var(--hi-v4-color-warning-500, var(--hi-v4-color-yellow-500, #fab007)); }.hi-v4-alert--type-success {background-color: var(--hi-v4-color-success-50, var(--hi-v4-color-green-50, #e5feeb)); }.hi-v4-alert--type-success .hi-v4-alert__icon {color: var(--hi-v4-color-success-500, var(--hi-v4-color-green-500, #14ca64)); }.hi-v4-alert--type-danger {background-color: var(--hi-v4-color-danger-50, var(--hi-v4-color-red-50, #fee9e5)); }.hi-v4-alert--type-danger .hi-v4-alert__icon {color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }";
var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
__styleInject__(css_248z);
export { css_248z as default };

18

package.json
{
"name": "@hi-ui/alert",
"version": "4.0.0-beta.11",
"version": "4.0.0-beta.12",
"description": "A sub-package for @hi-ui/hiui.",

@@ -47,9 +47,9 @@ "keywords": [],

"@hi-ui/classname": "^4.0.0-beta.0",
"@hi-ui/core": "^4.0.0-beta.7",
"@hi-ui/core-css": "^4.0.0-beta.4",
"@hi-ui/core": "^4.0.0-beta.8",
"@hi-ui/core-css": "^4.0.0-beta.5",
"@hi-ui/env": "^4.0.0-beta.0",
"@hi-ui/icon-button": "^4.0.0-beta.7",
"@hi-ui/icons": "^4.0.0-beta.9",
"@hi-ui/use-latest": "^4.0.0-beta.3",
"@hi-ui/use-timeout": "^4.0.0-beta.4"
"@hi-ui/icon-button": "^4.0.0-beta.8",
"@hi-ui/icons": "^4.0.0-beta.10",
"@hi-ui/use-latest": "^4.0.0-beta.4",
"@hi-ui/use-timeout": "^4.0.0-beta.5"
},

@@ -61,7 +61,7 @@ "peerDependencies": {

"devDependencies": {
"@hi-ui/hi-build": "^4.0.0-beta.3",
"@hi-ui/hi-build": "^4.0.0-beta.4",
"react": "^17.0.1",
"react-dom": "^17.0.1"
},
"gitHead": "bf73b2bc978d6fe45a6199a30f847e8de4332cf5"
"gitHead": "316e57118249d89f6afcc3f2610c2022974f6a21"
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc