@asphalt-react/actionlist - npm Package Compare versions

Comparing version 2.0.0-alpha.15 to 2.0.0-alpha.16

dist/index.js

@@ -52,5 +52,5 @@ import React, { createContext, useRef, useState, useEffect, useContext } from 'react';
 
-var css_248z = ".Actionlist__d154F {\n  --surface-color: var(--interactive-surface-primary-default, #ffffff);\n  --content-color: var(--content-muted, #8e919b);\n  --focus: 4px solid var(--interactive-focus, #86afff);\n  --padding-horizontal: 1rem;\n  --icon-margin: 1rem;\n  border-radius: var(--roundness-defined-type-3, 0.5rem);\n}\n\n.panel__hEYYO {\n  display: inline-block;\n  background-color: var(--static-surface-primary, #ffffff);\n  min-width: 160px;\n  max-width: 320px;\n  box-sizing: border-box;\n  /* override ul useragent styles */\n  margin: 0;\n  padding: 0;\n}\n\n.action__AwLYT {\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n}\n\n.separator__2nqq6:not(:first-child) {\n  position: relative;\n  margin-top: 0.5rem;\n}\n\n.separator__2nqq6:not(:first-child):before {\n  content: \"\";\n  position: absolute;\n  top: -4px;\n  left: var(--padding-horizontal);\n  width: calc(100% - (2 * var(--padding-horizontal)));\n  border-top: 1px solid var(--static-border-secondary, #dce5f0);\n}\n\n.actionItem__nSHE8 {\n  background-color: var(--surface-color);\n  color: var(--content-color);\n  font: var(--text-font);\n  display: flex;\n  align-items: center;\n  width: 100%;\n  cursor: default;\n  text-decoration: none;\n  border: 1px solid transparent;\n  border-radius: var(--roundness-defined-type-2, 0.375rem);\n  box-sizing: border-box;\n}\n\n.caption__L39Fy {\n  text-transform: capitalize;\n}\n\n.actionItemDanger__jq-tb {\n  --content-color: var(--content-danger, #bb354e);\n}\n\n.actionItem__nSHE8:active {\n  --surface-color: var(--interactive-surface-primary-active, #e6eaf1);\n  --content-color: var(--content-primary, #2d2e34);\n  border-color: var(--interactive-active, #1c3abb);\n}\n\n@supports not selector(:focus-visible) {\n  .actionItem__nSHE8:focus {\n    outline: var(--focus);\n    --content-color: var(--content-primary, #2d2e34);\n  }\n\n  .actionItemDanger__jq-tb:focus {\n    --content-color: var(--content-danger, #bb354e);\n  }\n}\n\n.actionItem__nSHE8:focus-visible {\n  outline: var(--focus);\n  --content-color: var(--content-primary, #2d2e34);\n}\n\n.actionItem__nSHE8:hover {\n  --surface-color: var(--interactive-surface-primary-hover, #f5f7fa);\n  --content-color: var(--content-primary, #2d2e34);\n  text-decoration: none;\n}\n\n.actionItemDanger__jq-tb:focus-visible,\n.actionItemDanger__jq-tb:hover {\n  --content-color: var(--content-danger, #bb354e);\n}\n\n.qualifier__T5J0l {\n  gap: 1rem;\n}\n\n.s__-gF43 {\n  --text-font: var(\n    --label-S,\n    600 0.875rem/1.43 Maison Neue,\n    Helvetica,\n    sans-serif\n  );\n  padding: 0.625rem var(--padding-horizontal);\n}\n\n.m__bPRnO {\n  --text-font: var(--label-M, 600 1rem/1.5 Maison Neue, Helvetica, sans-serif);\n  padding: 0.75rem var(--padding-horizontal);\n}\n\n.l__cQfvc {\n  --text-font: var(\n    --label-L,\n    600 1.125rem/1.33 Maison Neue,\n    Helvetica,\n    sans-serif\n  );\n  padding: 1rem var(--padding-horizontal);\n}\n";
+var css_248z = ".Actionlist__d154F {\n  --surface-color: var(--interactive-surface-primary-default, #ffffff);\n  --content-color: var(--content-muted, #8e919b);\n  --focus: 4px solid var(--interactive-focus, #86afff);\n  --padding-horizontal: 1rem;\n  --icon-margin: 1rem;\n  border-radius: var(--roundness-defined-type-3, 0.5rem);\n}\n\n.panel__hEYYO {\n  display: inline-block;\n  background-color: var(--static-surface-primary, #ffffff);\n  min-width: 160px;\n  max-width: 320px;\n  box-sizing: border-box;\n  /* override ul useragent styles */\n  margin: 0;\n  padding: 0;\n}\n\n.action__AwLYT {\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n}\n\n.separator__2nqq6:not(:first-child) {\n  position: relative;\n  margin-top: 0.5rem;\n}\n\n.separator__2nqq6:not(:first-child):before {\n  content: \"\";\n  position: absolute;\n  top: -4px;\n  left: var(--padding-horizontal);\n  width: calc(100% - (2 * var(--padding-horizontal)));\n  border-top: 1px solid var(--static-border-secondary, #dce5f0);\n}\n\n.actionItem__nSHE8 {\n  background-color: var(--surface-color);\n  color: var(--content-color);\n  font: var(--text-font);\n  display: flex;\n  align-items: center;\n  width: 100%;\n  cursor: default;\n  text-decoration: none;\n  border: 1px solid transparent;\n  border-radius: var(--roundness-defined-type-2, 0.375rem);\n  box-sizing: border-box;\n}\n\n.caption__L39Fy {\n  text-transform: capitalize;\n}\n\n.actionItemDanger__jq-tb {\n  --content-color: var(--content-danger, #bb354e);\n}\n\n.actionItem__nSHE8:active {\n  --surface-color: var(--interactive-surface-primary-active, #e6eaf1);\n  --content-color: var(--content-primary, #2d2e34);\n  border-color: var(--interactive-active, #1c3abb);\n}\n\n@supports not selector(:focus-visible) {\n  .actionItem__nSHE8:focus {\n    outline: var(--focus);\n    --content-color: var(--content-primary, #2d2e34);\n  }\n\n  .actionItemDanger__jq-tb:focus {\n    --content-color: var(--content-danger, #bb354e);\n  }\n}\n\n.actionItem__nSHE8:focus-visible {\n  outline: var(--focus);\n  --content-color: var(--content-primary, #2d2e34);\n}\n\n.actionItem__nSHE8:hover {\n  --surface-color: var(--interactive-surface-primary-hover, #f5f7fa);\n  --content-color: var(--content-primary, #2d2e34);\n  text-decoration: none;\n}\n\n.actionItemDanger__jq-tb:focus-visible,\n.actionItemDanger__jq-tb:hover {\n  --content-color: var(--content-danger, #bb354e);\n}\n\n.qualifier__T5J0l {\n  gap: 1rem;\n}\n\n.s__-gF43 {\n  --text-font: var(\n    --label-S,\n    600 0.875rem/1.5 Maison Neue,\n    Helvetica,\n    Open Sans,\n    sans-serif\n  );\n  padding: 0.625rem var(--padding-horizontal);\n}\n\n.m__bPRnO {\n  --text-font: var(\n    --label-M,\n    600 1rem/1.5 Maison Neue,\n    Helvetica,\n    Open Sans,\n    sans-serif\n  );\n  padding: 0.75rem var(--padding-horizontal);\n}\n\n.l__cQfvc {\n  --text-font: var(\n    --label-L,\n    600 1.125rem/1.5 Maison Neue,\n    Helvetica,\n    Open Sans,\n    sans-serif\n  );\n  padding: 1rem var(--padding-horizontal);\n}\n";
 var styles = {"Actionlist":"Actionlist__d154F","panel":"panel__hEYYO","action":"action__AwLYT","separator":"separator__2nqq6","actionItem":"actionItem__nSHE8","caption":"caption__L39Fy","actionItemDanger":"actionItemDanger__jq-tb","qualifier":"qualifier__T5J0l","s":"s__-gF43","m":"m__bPRnO","l":"l__cQfvc"};
-var stylesheet=".Actionlist__d154F {\n  --surface-color: var(--interactive-surface-primary-default, #ffffff);\n  --content-color: var(--content-muted, #8e919b);\n  --focus: 4px solid var(--interactive-focus, #86afff);\n  --padding-horizontal: 1rem;\n  --icon-margin: 1rem;\n  border-radius: var(--roundness-defined-type-3, 0.5rem);\n}\n\n.panel__hEYYO {\n  display: inline-block;\n  background-color: var(--static-surface-primary, #ffffff);\n  min-width: 160px;\n  max-width: 320px;\n  box-sizing: border-box;\n  /* override ul useragent styles */\n  margin: 0;\n  padding: 0;\n}\n\n.action__AwLYT {\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n}\n\n.separator__2nqq6:not(:first-child) {\n  position: relative;\n  margin-top: 0.5rem;\n}\n\n.separator__2nqq6:not(:first-child):before {\n  content: \"\";\n  position: absolute;\n  top: -4px;\n  left: var(--padding-horizontal);\n  width: calc(100% - (2 * var(--padding-horizontal)));\n  border-top: 1px solid var(--static-border-secondary, #dce5f0);\n}\n\n.actionItem__nSHE8 {\n  background-color: var(--surface-color);\n  color: var(--content-color);\n  font: var(--text-font);\n  display: flex;\n  align-items: center;\n  width: 100%;\n  cursor: default;\n  text-decoration: none;\n  border: 1px solid transparent;\n  border-radius: var(--roundness-defined-type-2, 0.375rem);\n  box-sizing: border-box;\n}\n\n.caption__L39Fy {\n  text-transform: capitalize;\n}\n\n.actionItemDanger__jq-tb {\n  --content-color: var(--content-danger, #bb354e);\n}\n\n.actionItem__nSHE8:active {\n  --surface-color: var(--interactive-surface-primary-active, #e6eaf1);\n  --content-color: var(--content-primary, #2d2e34);\n  border-color: var(--interactive-active, #1c3abb);\n}\n\n@supports not selector(:focus-visible) {\n  .actionItem__nSHE8:focus {\n    outline: var(--focus);\n    --content-color: var(--content-primary, #2d2e34);\n  }\n\n  .actionItemDanger__jq-tb:focus {\n    --content-color: var(--content-danger, #bb354e);\n  }\n}\n\n.actionItem__nSHE8:focus-visible {\n  outline: var(--focus);\n  --content-color: var(--content-primary, #2d2e34);\n}\n\n.actionItem__nSHE8:hover {\n  --surface-color: var(--interactive-surface-primary-hover, #f5f7fa);\n  --content-color: var(--content-primary, #2d2e34);\n  text-decoration: none;\n}\n\n.actionItemDanger__jq-tb:focus-visible,\n.actionItemDanger__jq-tb:hover {\n  --content-color: var(--content-danger, #bb354e);\n}\n\n.qualifier__T5J0l {\n  gap: 1rem;\n}\n\n.s__-gF43 {\n  --text-font: var(\n    --label-S,\n    600 0.875rem/1.43 Maison Neue,\n    Helvetica,\n    sans-serif\n  );\n  padding: 0.625rem var(--padding-horizontal);\n}\n\n.m__bPRnO {\n  --text-font: var(--label-M, 600 1rem/1.5 Maison Neue, Helvetica, sans-serif);\n  padding: 0.75rem var(--padding-horizontal);\n}\n\n.l__cQfvc {\n  --text-font: var(\n    --label-L,\n    600 1.125rem/1.33 Maison Neue,\n    Helvetica,\n    sans-serif\n  );\n  padding: 1rem var(--padding-horizontal);\n}\n";
+var stylesheet=".Actionlist__d154F {\n  --surface-color: var(--interactive-surface-primary-default, #ffffff);\n  --content-color: var(--content-muted, #8e919b);\n  --focus: 4px solid var(--interactive-focus, #86afff);\n  --padding-horizontal: 1rem;\n  --icon-margin: 1rem;\n  border-radius: var(--roundness-defined-type-3, 0.5rem);\n}\n\n.panel__hEYYO {\n  display: inline-block;\n  background-color: var(--static-surface-primary, #ffffff);\n  min-width: 160px;\n  max-width: 320px;\n  box-sizing: border-box;\n  /* override ul useragent styles */\n  margin: 0;\n  padding: 0;\n}\n\n.action__AwLYT {\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n}\n\n.separator__2nqq6:not(:first-child) {\n  position: relative;\n  margin-top: 0.5rem;\n}\n\n.separator__2nqq6:not(:first-child):before {\n  content: \"\";\n  position: absolute;\n  top: -4px;\n  left: var(--padding-horizontal);\n  width: calc(100% - (2 * var(--padding-horizontal)));\n  border-top: 1px solid var(--static-border-secondary, #dce5f0);\n}\n\n.actionItem__nSHE8 {\n  background-color: var(--surface-color);\n  color: var(--content-color);\n  font: var(--text-font);\n  display: flex;\n  align-items: center;\n  width: 100%;\n  cursor: default;\n  text-decoration: none;\n  border: 1px solid transparent;\n  border-radius: var(--roundness-defined-type-2, 0.375rem);\n  box-sizing: border-box;\n}\n\n.caption__L39Fy {\n  text-transform: capitalize;\n}\n\n.actionItemDanger__jq-tb {\n  --content-color: var(--content-danger, #bb354e);\n}\n\n.actionItem__nSHE8:active {\n  --surface-color: var(--interactive-surface-primary-active, #e6eaf1);\n  --content-color: var(--content-primary, #2d2e34);\n  border-color: var(--interactive-active, #1c3abb);\n}\n\n@supports not selector(:focus-visible) {\n  .actionItem__nSHE8:focus {\n    outline: var(--focus);\n    --content-color: var(--content-primary, #2d2e34);\n  }\n\n  .actionItemDanger__jq-tb:focus {\n    --content-color: var(--content-danger, #bb354e);\n  }\n}\n\n.actionItem__nSHE8:focus-visible {\n  outline: var(--focus);\n  --content-color: var(--content-primary, #2d2e34);\n}\n\n.actionItem__nSHE8:hover {\n  --surface-color: var(--interactive-surface-primary-hover, #f5f7fa);\n  --content-color: var(--content-primary, #2d2e34);\n  text-decoration: none;\n}\n\n.actionItemDanger__jq-tb:focus-visible,\n.actionItemDanger__jq-tb:hover {\n  --content-color: var(--content-danger, #bb354e);\n}\n\n.qualifier__T5J0l {\n  gap: 1rem;\n}\n\n.s__-gF43 {\n  --text-font: var(\n    --label-S,\n    600 0.875rem/1.5 Maison Neue,\n    Helvetica,\n    Open Sans,\n    sans-serif\n  );\n  padding: 0.625rem var(--padding-horizontal);\n}\n\n.m__bPRnO {\n  --text-font: var(\n    --label-M,\n    600 1rem/1.5 Maison Neue,\n    Helvetica,\n    Open Sans,\n    sans-serif\n  );\n  padding: 0.75rem var(--padding-horizontal);\n}\n\n.l__cQfvc {\n  --text-font: var(\n    --label-L,\n    600 1.125rem/1.5 Maison Neue,\n    Helvetica,\n    Open Sans,\n    sans-serif\n  );\n  padding: 1rem var(--padding-horizontal);\n}\n";
 styleInject(css_248z);
@@ -57,0 +57,0 @@

package.json

 {
   "name": "@asphalt-react/actionlist",
-  "version": "2.0.0-alpha.15",
+  "version": "2.0.0-alpha.16",
   "description": "Actionlist",
@@ -44,5 +44,5 @@ "keywords": [
   "dependencies": {
-    "@asphalt-react/context": "^2.0.0-alpha.13",
-    "@asphalt-react/helper": "^2.0.0-alpha.13",
-    "@asphalt-react/qualifier": "^2.0.0-alpha.15",
+    "@asphalt-react/context": "^2.0.0-alpha.16",
+    "@asphalt-react/helper": "^2.0.0-alpha.16",
+    "@asphalt-react/qualifier": "^2.0.0-alpha.16",
     "classnames": "^2.3.1",
@@ -52,3 +52,3 @@ "prop-types": "^15.7.2"
   "license": "UNLICENSED",
-  "gitHead": "ebdba3faec99bfa4975e571cd345ce76076d6422"
+  "gitHead": "f4fb1d6fe86c8e09cded4b749a14f0160ed90460"
 }

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

28054

1.02%

Number of medium supply chain risk alerts

0

-100%

Dependency changes

• Updated

  @asphalt-react/context@^2.0.0-alpha.16

• Updated

  @asphalt-react/helper@^2.0.0-alpha.16

• Updated

  @asphalt-react/qualifier@^2.0.0-alpha.16