@easypost/easy-ui-tokens - npm Package Compare versions

Comparing version 1.0.0-alpha.4 to 1.0.0-alpha.5

CHANGELOG.md

 # @easypost/easy-ui-tokens
 
+## 1.0.0-alpha.5
+
+### Minor Changes
+
+- f06d077: Add `<Modal />` component
+
 ## 1.0.0-alpha.4
@@ -4,0 +10,0 @@

js/tokens.d.ts

 /**
  * Do not edit directly
- * Generated on Mon, 31 Jul 2023 15:18:52 GMT
+ * Generated on Tue, 08 Aug 2023 16:59:34 GMT
  */
@@ -171,2 +171,3 @@
   "font.responsive_mapping.heading3": "heading4";
+  "opacity.underlay": number;
   "shadow.button": "0px 0px 0px 3px rgba(69, 132, 255, 0.4)";
@@ -176,2 +177,5 @@ "shadow.input": "0px 0px 0px 3px rgba(1, 70, 130, 0.25)";
   "shadow.overlay_subdued": "1px 1px 4px rgba(141, 158, 193, 0.5)";
+  "shadow.modal": "0px 8px 16px 0px hsla(220, 23%, 28%, 0.5)";
+  "shadow.stuck-from-top": "0px 4px 4px 0px hsla(221, 30%, 74%, 0.25)";
+  "shadow.stuck-from-bottom": "0px -4px 4px 0px hsla(221, 30%, 74%, 0.25)";
   "shape.border_radius.sm": "3px";
@@ -244,2 +248,3 @@ "shape.border_radius.md": "5px";
   "theme.base.color.background.warning.subtle": "#ffeba4";
+  "theme.base.color.background.underlay": "#061340";
   "theme.base.color.border": "#a9b6d1";
@@ -320,3 +325,4 @@ "theme.base.color.border.bolder": "#8d9ec1";
   "z-index.notification": "999999";
+  "z-index.modal": "1300";
 }
 export default tokens;

js/tokens.js

 /**
  * Do not edit directly
- * Generated on Mon, 31 Jul 2023 15:18:52 GMT
+ * Generated on Tue, 08 Aug 2023 16:59:34 GMT
  */
@@ -170,2 +170,3 @@
   "font.responsive_mapping.heading3": "heading4",
+  "opacity.underlay": 0.4,
   "shadow.button": "0px 0px 0px 3px rgba(69, 132, 255, 0.4)",
@@ -175,2 +176,5 @@ "shadow.input": "0px 0px 0px 3px rgba(1, 70, 130, 0.25)",
   "shadow.overlay_subdued": "1px 1px 4px rgba(141, 158, 193, 0.5)",
+  "shadow.modal": "0px 8px 16px 0px hsla(220, 23%, 28%, 0.5)",
+  "shadow.stuck-from-top": "0px 4px 4px 0px hsla(221, 30%, 74%, 0.25)",
+  "shadow.stuck-from-bottom": "0px -4px 4px 0px hsla(221, 30%, 74%, 0.25)",
   "shape.border_radius.sm": "3px",
@@ -243,2 +247,3 @@ "shape.border_radius.md": "5px",
   "theme.base.color.background.warning.subtle": "#ffeba4",
+  "theme.base.color.background.underlay": "#061340",
   "theme.base.color.border": "#a9b6d1",
@@ -318,3 +323,4 @@ "theme.base.color.border.bolder": "#8d9ec1",
   "z-index.input_icon": "1",
-  "z-index.notification": "999999"
+  "z-index.notification": "999999",
+  "z-index.modal": "1300"
 };

json/tokens.json

@@ -165,2 +165,3 @@ {
   "font.responsive_mapping.heading3": "heading4",
+  "opacity.underlay": 0.4,
   "shadow.button": "0px 0px 0px 3px rgba(69, 132, 255, 0.4)",
@@ -170,2 +171,5 @@ "shadow.input": "0px 0px 0px 3px rgba(1, 70, 130, 0.25)",
   "shadow.overlay_subdued": "1px 1px 4px rgba(141, 158, 193, 0.5)",
+  "shadow.modal": "0px 8px 16px 0px hsla(220, 23%, 28%, 0.5)",
+  "shadow.stuck-from-top": "0px 4px 4px 0px hsla(221, 30%, 74%, 0.25)",
+  "shadow.stuck-from-bottom": "0px -4px 4px 0px hsla(221, 30%, 74%, 0.25)",
   "shape.border_radius.sm": "3px",
@@ -238,2 +242,3 @@ "shape.border_radius.md": "5px",
   "theme.base.color.background.warning.subtle": "#ffeba4",
+  "theme.base.color.background.underlay": "#061340",
   "theme.base.color.border": "#a9b6d1",
@@ -313,3 +318,4 @@ "theme.base.color.border.bolder": "#8d9ec1",
   "z-index.input_icon": "1",
-  "z-index.notification": "999999"
+  "z-index.notification": "999999",
+  "z-index.modal": "1300"
 }

package.json

 {
   "name": "@easypost/easy-ui-tokens",
-  "version": "1.0.0-alpha.4"
+  "version": "1.0.0-alpha.5"
 }

No alert changes

Improved metrics

Total package byte prevSize

101702

increased by2.33%

Lines of code

1601

increased by1.91%

No dependency changes