Final updates for 0.20.0

mint-lang · Nov 6, 2024 · 54af1bb · 54af1bb
1 parent a62104d
commit 54af1bb
Show file tree

Hide file tree

Showing 2 changed files with 56 additions and 49 deletions.
diff --git a/mint.json b/mint.json
@@ -1,6 +1,6 @@
 {
   "name": "mint-ui-website",
-  "mint-version": "0.19.0 <= v < 1.0.0",
+  "mint-version": "0.20.0 <= v < 1.0.0",
   "application": {
     "name": "Mint UI",
     "title": "Mint UI - Beautiful, Reliable Components for Mint",
@@ -16,13 +16,12 @@
     }
   },
   "source-directories": [
-    "../mint-ui/source",
     "source"
   ],
   "dependencies": {
-    "mint-color": {
-      "repository": "https://github.com/mint-lang/mint-color",
-      "constraint": "0.9.0 <= v < 1.0.0"
+    "mint-ui": {
+      "repository": "https://github.com/mint-lang/mint-ui",
+      "constraint": "9.0.0 <= v < 10.0.0"
     }
   }
 }
diff --git a/source/Reference/ImageCrop.mint b/source/Reference/ImageCrop.mint
@@ -101,44 +101,50 @@ component Reference.ImageCrop {
             data={
               @format {
                 <>
-                  <Ui.ImageCrop
-                    size={Ui.Size.Px(12)}
-                    value={
-                      {
-                        source: @asset(../../assets/images/white-beach.jpg),
-                        height: 0.5,
-                        width: 0.5,
-                        y: 0.25,
-                        x: 0.25
+                  <div style="width: 250px; height: 200px; display: grid;">
+                    <Ui.ImageCrop
+                      size={Ui.Size.Px(12)}
+                      value={
+                        {
+                          source: @asset(../../assets/images/white-beach.jpg),
+                          height: 0.5,
+                          width: 0.5,
+                          y: 0.25,
+                          x: 0.25
+                        }
                       }
-                    }
-                  />
+                    />
+                  </div>
 
-                  <Ui.ImageCrop
-                    size={Ui.Size.Px(16)}
-                    value={
-                      {
-                        source: @asset(../../assets/images/white-beach.jpg),
-                        height: 0.5,
-                        width: 0.5,
-                        y: 0.25,
-                        x: 0.25
+                  <div style="width: 250px; height: 200px; display: grid;">
+                    <Ui.ImageCrop
+                      size={Ui.Size.Px(16)}
+                      value={
+                        {
+                          source: @asset(../../assets/images/white-beach.jpg),
+                          height: 0.5,
+                          width: 0.5,
+                          y: 0.25,
+                          x: 0.25
+                        }
                       }
-                    }
-                  />
+                    />
+                  </div>
 
-                  <Ui.ImageCrop
-                    size={Ui.Size.Px(20)}
-                    value={
-                      {
-                        source: @asset(../../assets/images/white-beach.jpg),
-                        height: 0.5,
-                        width: 0.5,
-                        y: 0.25,
-                        x: 0.25
+                  <div style="width: 250px; height: 200px; display: grid;">
+                    <Ui.ImageCrop
+                      size={Ui.Size.Px(20)}
+                      value={
+                        {
+                          source: @asset(../../assets/images/white-beach.jpg),
+                          height: 0.5,
+                          width: 0.5,
+                          y: 0.25,
+                          x: 0.25
+                        }
                       }
-                    }
-                  />
+                    />
+                  </div>
                 </>
               }
             }
@@ -164,18 +170,20 @@ component Reference.ImageCrop {
             controlled={true}
             data={
               @format {
-                <Ui.ImageCrop
-                  embedded={true}
-                  value={
-                    {
-                      source: @asset(../../assets/images/white-beach.jpg),
-                      height: 0.5,
-                      width: 0.5,
-                      y: 0.25,
-                      x: 0.25
+                <div style="width: 250px; height: 200px; display: grid;">
+                  <Ui.ImageCrop
+                    embedded={true}
+                    value={
+                      {
+                        source: @asset(../../assets/images/white-beach.jpg),
+                        height: 0.5,
+                        width: 0.5,
+                        y: 0.25,
+                        x: 0.25
+                      }
                     }
-                  }
-                />
+                  />
+                </div>
               }
             }
           />