@typo3/icons 3.0.0 → 3.1.2

package/assets/scss/icons-bootstrap.scss

@@ -9,5 +9,6 @@ $bootstrap-icons-btn-gap: .35em !default;
 .btn {
     display: inline-flex;
     align-items: center;
+    justify-content: center;
     gap: $bootstrap-icons-btn-gap;
 }

package/assets/scss/icons.scss

@@ -33,7 +33,7 @@ $icon-opacity-disabled: .5 !default;
     --icon-size-large: #{$icon-size-large};
     --icon-size-mega: #{$icon-size-mega};
     --icon-unify-modifier: #{$icon-unify-modifier};
-    --icon-opacity-disabled: #{$icon-size-mega};
+    --icon-opacity-disabled: #{$icon-opacity-disabled};
 }
 
 //
@@ -53,7 +53,6 @@ $icon-opacity-disabled: .5 !default;
         display: block;
         height: 100%;
         width: 100%;
-        transform: translate3d(0, 0, 0);
     }
     * {
         display: block;
@@ -90,23 +89,11 @@ $icon-opacity-disabled: .5 !default;
         animation: icon-spin 2s infinite linear;
     }
 }
-@-webkit-keyframes icon-spin {
-    0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-    }
-    100% {
-        -webkit-transform: rotate(360deg);
-        transform: rotate(360deg);
-    }
-}
 @keyframes icon-spin {
     0% {
-        -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }
     100% {
-        -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }

package/dist/icons-bootstrap.css

@@ -1 +1 @@
-.btn{display:inline-flex;align-items:center;gap:.35em}
+.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35em}

package/dist/icons-bootstrap.scss

@@ -9,5 +9,6 @@ $bootstrap-icons-btn-gap: .35em !default;
 .btn {
     display: inline-flex;
     align-items: center;
+    justify-content: center;
     gap: $bootstrap-icons-btn-gap;
 }

package/dist/icons.css

@@ -1 +1 @@
-:root{--icon-color-primary:currentColor;--icon-size-small:16px;--icon-size-medium:32px;--icon-size-large:48px;--icon-size-mega:64px;--icon-unify-modifier:0.86;--icon-opacity-disabled:64px}.icon{position:relative;display:inline-flex;overflow:hidden;white-space:nowrap;height:var(--icon-size,1em);width:var(--icon-size,1em);line-height:var(--icon-size,1em);flex-shrink:0}.icon img,.icon svg{display:block;height:100%;width:100%;transform:translate3d(0,0,0)}.icon *{display:block;line-height:inherit}.icon-markup{position:absolute;display:block;text-align:center;top:0;left:0;right:0;bottom:0}.icon-overlay{position:absolute;bottom:0;right:0;height:68.75%;width:68.75%;text-align:center}.icon-color{fill:var(--icon-color-primary)}.icon-spin .icon-markup{-webkit-animation:icon-spin 2s infinite linear;animation:icon-spin 2s infinite linear}@-webkit-keyframes icon-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes icon-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.icon-state-disabled .icon-markup{opacity:var(--icon-opacity-disabled)}.icon-size-small{--icon-size:var(--icon-size-small)}.icon-size-small .icon-unify{line-height:var(--icon-size);font-size:calc(var(--icon-size) * var(--icon-unify-modifier))}.icon-size-small .icon-overlay .icon-unify{line-height:calc(var(--icon-size)/ 1.6);font-size:calc((var(--icon-size)/ 1.6) * var(--icon-unify-modifier))}.icon-size-medium{--icon-size:var(--icon-size-medium)}.icon-size-medium .icon-unify{line-height:var(--icon-size);font-size:calc(var(--icon-size) * var(--icon-unify-modifier))}.icon-size-medium .icon-overlay .icon-unify{line-height:calc(var(--icon-size)/ 1.6);font-size:calc((var(--icon-size)/ 1.6) * var(--icon-unify-modifier))}.icon-size-large{--icon-size:var(--icon-size-large)}.icon-size-large .icon-unify{line-height:var(--icon-size);font-size:calc(var(--icon-size) * var(--icon-unify-modifier))}.icon-size-large .icon-overlay .icon-unify{line-height:calc(var(--icon-size)/ 1.6);font-size:calc((var(--icon-size)/ 1.6) * var(--icon-unify-modifier))}.icon-size-mega{--icon-size:var(--icon-size-mega)}.icon-size-mega .icon-unify{line-height:var(--icon-size);font-size:calc(var(--icon-size) * var(--icon-unify-modifier))}.icon-size-mega .icon-overlay .icon-unify{line-height:calc(var(--icon-size)/ 1.6);font-size:calc((var(--icon-size)/ 1.6) * var(--icon-unify-modifier))}
+:root{--icon-color-primary:currentColor;--icon-size-small:16px;--icon-size-medium:32px;--icon-size-large:48px;--icon-size-mega:64px;--icon-unify-modifier:0.86;--icon-opacity-disabled:0.5}.icon{position:relative;display:inline-flex;overflow:hidden;white-space:nowrap;height:var(--icon-size,1em);width:var(--icon-size,1em);line-height:var(--icon-size,1em);flex-shrink:0}.icon img,.icon svg{display:block;height:100%;width:100%}.icon *{display:block;line-height:inherit}.icon-markup{position:absolute;display:block;text-align:center;top:0;left:0;right:0;bottom:0}.icon-overlay{position:absolute;bottom:0;right:0;height:68.75%;width:68.75%;text-align:center}.icon-color{fill:var(--icon-color-primary)}.icon-spin .icon-markup{-webkit-animation:icon-spin 2s infinite linear;animation:icon-spin 2s infinite linear}@keyframes icon-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.icon-state-disabled .icon-markup{opacity:var(--icon-opacity-disabled)}.icon-size-small{--icon-size:var(--icon-size-small)}.icon-size-small .icon-unify{line-height:var(--icon-size);font-size:calc(var(--icon-size) * var(--icon-unify-modifier))}.icon-size-small .icon-overlay .icon-unify{line-height:calc(var(--icon-size)/ 1.6);font-size:calc((var(--icon-size)/ 1.6) * var(--icon-unify-modifier))}.icon-size-medium{--icon-size:var(--icon-size-medium)}.icon-size-medium .icon-unify{line-height:var(--icon-size);font-size:calc(var(--icon-size) * var(--icon-unify-modifier))}.icon-size-medium .icon-overlay .icon-unify{line-height:calc(var(--icon-size)/ 1.6);font-size:calc((var(--icon-size)/ 1.6) * var(--icon-unify-modifier))}.icon-size-large{--icon-size:var(--icon-size-large)}.icon-size-large .icon-unify{line-height:var(--icon-size);font-size:calc(var(--icon-size) * var(--icon-unify-modifier))}.icon-size-large .icon-overlay .icon-unify{line-height:calc(var(--icon-size)/ 1.6);font-size:calc((var(--icon-size)/ 1.6) * var(--icon-unify-modifier))}.icon-size-mega{--icon-size:var(--icon-size-mega)}.icon-size-mega .icon-unify{line-height:var(--icon-size);font-size:calc(var(--icon-size) * var(--icon-unify-modifier))}.icon-size-mega .icon-overlay .icon-unify{line-height:calc(var(--icon-size)/ 1.6);font-size:calc((var(--icon-size)/ 1.6) * var(--icon-unify-modifier))}

package/dist/icons.json

@@ -630,6 +630,12 @@
       "svg": "svgs/actions/actions-credit-card.svg",
       "sprite": "sprites/actions.svg#actions-credit-card"
     },
+    "actions-crop": {
+      "identifier": "actions-crop",
+      "category": "actions",
+      "svg": "svgs/actions/actions-crop.svg",
+      "sprite": "sprites/actions.svg#actions-crop"
+    },
     "actions-cut-release": {
       "identifier": "actions-cut-release",
       "category": "actions",
@@ -1248,6 +1254,12 @@
       "svg": "svgs/actions/actions-logout.svg",
       "sprite": "sprites/actions.svg#actions-logout"
     },
+    "actions-magnet": {
+      "identifier": "actions-magnet",
+      "category": "actions",
+      "svg": "svgs/actions/actions-magnet.svg",
+      "sprite": "sprites/actions.svg#actions-magnet"
+    },
     "actions-map": {
       "identifier": "actions-map",
       "category": "actions",
@@ -2700,6 +2712,12 @@
       "svg": "svgs/content/content-listgroup.svg",
       "sprite": "sprites/content.svg#content-listgroup"
     },
+    "content-magnet": {
+      "identifier": "content-magnet",
+      "category": "content",
+      "svg": "svgs/content/content-magnet.svg",
+      "sprite": "sprites/content.svg#content-magnet"
+    },
     "content-map": {
       "identifier": "content-map",
       "category": "content",

package/dist/icons.scss

@@ -33,7 +33,7 @@ $icon-opacity-disabled: .5 !default;
     --icon-size-large: #{$icon-size-large};
     --icon-size-mega: #{$icon-size-mega};
     --icon-unify-modifier: #{$icon-unify-modifier};
-    --icon-opacity-disabled: #{$icon-size-mega};
+    --icon-opacity-disabled: #{$icon-opacity-disabled};
 }
 
 //
@@ -53,7 +53,6 @@ $icon-opacity-disabled: .5 !default;
         display: block;
         height: 100%;
         width: 100%;
-        transform: translate3d(0, 0, 0);
     }
     * {
         display: block;
@@ -90,23 +89,11 @@ $icon-opacity-disabled: .5 !default;
         animation: icon-spin 2s infinite linear;
     }
 }
-@-webkit-keyframes icon-spin {
-    0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-    }
-    100% {
-        -webkit-transform: rotate(360deg);
-        transform: rotate(360deg);
-    }
-}
 @keyframes icon-spin {
     0% {
-        -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }
     100% {
-        -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }