@symbo.ls/modal - npm Package Compare versions

Comparing version 2.11.261 to 2.11.265

CompleteProcess.js

@@ -7,12 +7,12 @@ 'use strict'
   extend: Modal,
+
   props: {
-    alignItems: 'center',
-    gap: 'B',
-    padding: 'A A A+V A'
+    align: 'center',
+    gap: 'B'
   },
 
-  Header: {
+  ModalHeader: {
     Title: {
-      caption: null,
-      x: { props: { margin: '- - - auto' } }
+      Text: null,
+      SquareButton_x: { margin: '- - - auto' }
     },
@@ -22,24 +22,21 @@ Paragraph: null
 
-  SuccessIndicator: { fontSize: 'F2' },
+  SuccessIndicator: { fontSize: 'D' },
 
-  TitleParagraph: {
+  Hgroup: {
     alignItems: 'center',
     gap: 'Y',
     Title: {
-      text: 'Reset complete!',
-      fontSize: 'D1'
+      text: 'Reset complete!'
     },
     Paragraph: {
-      text: 'Your request has been approved!',
-      fontSize: 'Z',
-      color: 'title'
+      text: 'Your request has been approved!'
     }
   },
 
-  CommonButton: {
+  FlexButton: {
     minWidth: '100%',
     margin: 'Y - - -',
-    text: 'Done',
-    fontWeight: '500'
+    fontWeight: '500',
+    Text: { text: 'Done' }
   }
 }

Message.js

@@ -7,14 +7,14 @@ 'use strict'
   extend: Modal,
+
   props: {
-    maxWidth: 'G3',
-    padding: 'Z1 Z2 Z2 Z2'
+    maxWidth: 'G3'
   },
 
-  Header: {
+  ModalHeader: {
     Title: {
-      caption: {
-        props: { text: 'Message', fontSize: 'C2' }
+      Text: {
+        text: 'Message'
       },
-      x: {
-        props: { padding: 'V2' }
+      SquareButton_x: {
+        padding: 'V2'
       }
@@ -21,0 +21,0 @@ },

Modal.js

 'use strict'
-import { TitleParagraph } from '@symbo.ls/titleparagraph'
-import { Button } from '@symbo.ls/button'
+
+import { Hgroup } from '@symbo.ls/hgroup'
 import { Dialog } from '@symbo.ls/dialog'
@@ -12,10 +12,11 @@
     boxSize: 'fit-content',
+    align: 'stretch flex-start',
     minWidth: 'G3',
     position: 'relative',
-    padding: 'Z1 Z2',
+    padding: 'Z2 A2',
     round: 'A1'
   },
 
-  Header: {
-    extend: TitleParagraph,
+  ModalHeader: {
+    extend: Hgroup,
     props: {
@@ -28,18 +29,8 @@ minWidth: '100%',
       props: { align: 'center space-between' },
-      caption: {
-        props: {
-          text: 'Title',
-          fontSize: 'D',
-          padding: 'W2 W2 - W2'
-        }
+      Text: {
+        text: 'Title'
       },
-      x: {
-        extend: Button,
-        props: {
-          icon: 'x',
-          fontSize: 'B2',
-          boxSize: 'fit-content',
-          theme: 'transparent',
-          padding: '0'
-        }
+      SquareButton_x: {
+        icon: 'x',
+        theme: 'transparent'
       }
@@ -50,5 +41,3 @@ },
       props: {
-        fontSize: 'Z',
-        color: 'caption',
-        padding: '- Y'
+        color: 'caption'
       }
@@ -55,0 +44,0 @@ }

package.json

 {
   "name": "@symbo.ls/modal",
-  "version": "2.11.261",
+  "version": "2.11.265",
   "main": "index.js",
   "license": "MIT",
-  "gitHead": "53e63702105d8c7baf0f136c5756383533bf3b30",
+  "gitHead": "e96a45d1a191dbcd8ee2d02c969398821e1f446d",
   "source": "index.js",
@@ -12,4 +12,4 @@ "dependencies": {
     "@symbo.ls/dialog": "latest",
-    "@symbo.ls/titleparagraph": "latest"
+    "@symbo.ls/hgroup": "latest"
   }
 }

Pricing.js

@@ -8,2 +8,3 @@ 'use strict'
   extend: Modal,
+
   props: {
@@ -17,3 +18,4 @@ background: 'gray3',
 
-  Header: null,
+  ModalHeader: null,
+
   Content: {
@@ -47,7 +49,7 @@ props: {
 
-  Footer: {
+  ModalFooter: {
     props: {
       margin: '- -X -X'
     },
-    CommonButton: {
+    FlexButton: {
       flex: '1',
@@ -54,0 +56,0 @@ padding: 'Z2 -',

No alert changes

Worsened metrics

Total package byte prevSize

7971

decreased by-5.12%

Lines of code

247

decreased by-6.44%

Dependency changes

• + [e-mail]/hgroup@latest

• + [e-mail]/atoms@2.11.515(transitive)

• + [e-mail]/hgroup@2.11.477(transitive)

• - [e-mail]/titleparagraph@latest

• - [e-mail]/titleparagraph@2.11.242(transitive)