@designcrowd/fe-shared-lib 1.2.20 → 1.2.22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designcrowd/fe-shared-lib",
-  "version": "1.2.20",
+  "version": "1.2.22",
   "scripts": {
     "start": "run-p storybook watch:translation",
     "build": "npm run build:css --production",

package/public/css/tailwind-brandCrowd.css

@@ -699,6 +699,9 @@ video {
 .theme-brandCrowd .tw-mb-4 {
   margin-bottom: 1rem;
 }
+.theme-brandCrowd .tw-mb-5 {
+  margin-bottom: 1.25rem;
+}
 .theme-brandCrowd .tw-mb-6 {
   margin-bottom: 1.5rem;
 }
@@ -756,6 +759,9 @@ video {
 .theme-brandCrowd .tw-mt-4 {
   margin-top: 1rem;
 }
+.theme-brandCrowd .tw-mt-5 {
+  margin-top: 1.25rem;
+}
 .theme-brandCrowd .tw-mt-8 {
   margin-top: 2rem;
 }
@@ -923,6 +929,9 @@ video {
 .theme-brandCrowd .tw-max-w-xl {
   max-width: 36rem;
 }
+.theme-brandCrowd .tw-flex-1 {
+  flex: 1 1 0%;
+}
 .theme-brandCrowd .tw-flex-auto {
   flex: 1 1 auto;
 }
@@ -1606,6 +1615,9 @@ video {
 .theme-brandCrowd .tw-p-4 {
   padding: 1rem;
 }
+.theme-brandCrowd .tw-p-5 {
+  padding: 1.25rem;
+}
 .theme-brandCrowd .tw-p-6 {
   padding: 1.5rem;
 }
@@ -1741,6 +1753,9 @@ video {
 .theme-brandCrowd .tw-pt-2 {
   padding-top: 0.5rem;
 }
+.theme-brandCrowd .tw-pt-4 {
+  padding-top: 1rem;
+}
 .theme-brandCrowd .tw-pt-6 {
   padding-top: 1.5rem;
 }
@@ -1966,6 +1981,11 @@ video {
   --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
+.theme-brandCrowd .tw-transition-all {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .theme-brandCrowd .tw-transition-colors {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -2141,10 +2161,20 @@ video {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+.theme-brandCrowd .tw-group:hover .group-hover\:tw-scale-105 {
+  --tw-scale-x: 1.05;
+  --tw-scale-y: 1.05;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .theme-brandCrowd .tw-group:hover .group-hover\:tw-text-info-500 {
   --tw-text-opacity: 1;
   color: rgb(0 151 215 / var(--tw-text-opacity));
 }
+.theme-brandCrowd .tw-group:hover .group-hover\:tw-shadow {
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 @media (min-width: 640px) {
 .theme-brandCrowd .sm\:tw-absolute {
     position: absolute;

package/public/css/tailwind-brandPage.css

@@ -699,6 +699,9 @@ video {
 .theme-brandPage .tw-mb-4 {
   margin-bottom: 1rem;
 }
+.theme-brandPage .tw-mb-5 {
+  margin-bottom: 1.25rem;
+}
 .theme-brandPage .tw-mb-6 {
   margin-bottom: 1.5rem;
 }
@@ -756,6 +759,9 @@ video {
 .theme-brandPage .tw-mt-4 {
   margin-top: 1rem;
 }
+.theme-brandPage .tw-mt-5 {
+  margin-top: 1.25rem;
+}
 .theme-brandPage .tw-mt-8 {
   margin-top: 2rem;
 }
@@ -923,6 +929,9 @@ video {
 .theme-brandPage .tw-max-w-xl {
   max-width: 36rem;
 }
+.theme-brandPage .tw-flex-1 {
+  flex: 1 1 0%;
+}
 .theme-brandPage .tw-flex-auto {
   flex: 1 1 auto;
 }
@@ -1454,6 +1463,9 @@ video {
 .theme-brandPage .tw-p-4 {
   padding: 1rem;
 }
+.theme-brandPage .tw-p-5 {
+  padding: 1.25rem;
+}
 .theme-brandPage .tw-p-6 {
   padding: 1.5rem;
 }
@@ -1589,6 +1601,9 @@ video {
 .theme-brandPage .tw-pt-2 {
   padding-top: 0.5rem;
 }
+.theme-brandPage .tw-pt-4 {
+  padding-top: 1rem;
+}
 .theme-brandPage .tw-pt-6 {
   padding-top: 1.5rem;
 }
@@ -1754,6 +1769,11 @@ video {
   --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
+.theme-brandPage .tw-transition-all {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .theme-brandPage .tw-transition-colors {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -1829,6 +1849,16 @@ video {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+.theme-brandPage .tw-group:hover .group-hover\:tw-scale-105 {
+  --tw-scale-x: 1.05;
+  --tw-scale-y: 1.05;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.theme-brandPage .tw-group:hover .group-hover\:tw-shadow {
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 @media (min-width: 640px) {
 .theme-brandPage .sm\:tw-absolute {
     position: absolute;

package/public/css/tailwind-crazyDomains.css

@@ -699,6 +699,9 @@ video {
 .theme-crazyDomains .tw-mb-4 {
   margin-bottom: 1rem;
 }
+.theme-crazyDomains .tw-mb-5 {
+  margin-bottom: 1.25rem;
+}
 .theme-crazyDomains .tw-mb-6 {
   margin-bottom: 1.5rem;
 }
@@ -756,6 +759,9 @@ video {
 .theme-crazyDomains .tw-mt-4 {
   margin-top: 1rem;
 }
+.theme-crazyDomains .tw-mt-5 {
+  margin-top: 1.25rem;
+}
 .theme-crazyDomains .tw-mt-8 {
   margin-top: 2rem;
 }
@@ -923,6 +929,9 @@ video {
 .theme-crazyDomains .tw-max-w-xl {
   max-width: 36rem;
 }
+.theme-crazyDomains .tw-flex-1 {
+  flex: 1 1 0%;
+}
 .theme-crazyDomains .tw-flex-auto {
   flex: 1 1 auto;
 }
@@ -1606,6 +1615,9 @@ video {
 .theme-crazyDomains .tw-p-4 {
   padding: 1rem;
 }
+.theme-crazyDomains .tw-p-5 {
+  padding: 1.25rem;
+}
 .theme-crazyDomains .tw-p-6 {
   padding: 1.5rem;
 }
@@ -1741,6 +1753,9 @@ video {
 .theme-crazyDomains .tw-pt-2 {
   padding-top: 0.5rem;
 }
+.theme-crazyDomains .tw-pt-4 {
+  padding-top: 1rem;
+}
 .theme-crazyDomains .tw-pt-6 {
   padding-top: 1.5rem;
 }
@@ -1966,6 +1981,11 @@ video {
   --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
+.theme-crazyDomains .tw-transition-all {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .theme-crazyDomains .tw-transition-colors {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -2141,10 +2161,20 @@ video {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+.theme-crazyDomains .tw-group:hover .group-hover\:tw-scale-105 {
+  --tw-scale-x: 1.05;
+  --tw-scale-y: 1.05;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .theme-crazyDomains .tw-group:hover .group-hover\:tw-text-info-500 {
   --tw-text-opacity: 1;
   color: rgb(0 161 239 / var(--tw-text-opacity));
 }
+.theme-crazyDomains .tw-group:hover .group-hover\:tw-shadow {
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 @media (min-width: 640px) {
 .theme-crazyDomains .sm\:tw-absolute {
     position: absolute;

package/public/css/tailwind-designCom.css

@@ -699,6 +699,9 @@ video {
 .theme-designCom .tw-mb-4 {
   margin-bottom: 1rem;
 }
+.theme-designCom .tw-mb-5 {
+  margin-bottom: 1.25rem;
+}
 .theme-designCom .tw-mb-6 {
   margin-bottom: 1.5rem;
 }
@@ -756,6 +759,9 @@ video {
 .theme-designCom .tw-mt-4 {
   margin-top: 1rem;
 }
+.theme-designCom .tw-mt-5 {
+  margin-top: 1.25rem;
+}
 .theme-designCom .tw-mt-8 {
   margin-top: 2rem;
 }
@@ -923,6 +929,9 @@ video {
 .theme-designCom .tw-max-w-xl {
   max-width: 36rem;
 }
+.theme-designCom .tw-flex-1 {
+  flex: 1 1 0%;
+}
 .theme-designCom .tw-flex-auto {
   flex: 1 1 auto;
 }
@@ -1606,6 +1615,9 @@ video {
 .theme-designCom .tw-p-4 {
   padding: 1rem;
 }
+.theme-designCom .tw-p-5 {
+  padding: 1.25rem;
+}
 .theme-designCom .tw-p-6 {
   padding: 1.5rem;
 }
@@ -1741,6 +1753,9 @@ video {
 .theme-designCom .tw-pt-2 {
   padding-top: 0.5rem;
 }
+.theme-designCom .tw-pt-4 {
+  padding-top: 1rem;
+}
 .theme-designCom .tw-pt-6 {
   padding-top: 1.5rem;
 }
@@ -1966,6 +1981,11 @@ video {
   --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
+.theme-designCom .tw-transition-all {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .theme-designCom .tw-transition-colors {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -2141,10 +2161,20 @@ video {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+.theme-designCom .tw-group:hover .group-hover\:tw-scale-105 {
+  --tw-scale-x: 1.05;
+  --tw-scale-y: 1.05;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .theme-designCom .tw-group:hover .group-hover\:tw-text-info-500 {
   --tw-text-opacity: 1;
   color: rgb(63 89 246 / var(--tw-text-opacity));
 }
+.theme-designCom .tw-group:hover .group-hover\:tw-shadow {
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 @media (min-width: 640px) {
 .theme-designCom .sm\:tw-absolute {
     position: absolute;

package/public/css/tailwind-designCrowd.css

@@ -699,6 +699,9 @@ video {
 .theme-designCrowd .tw-mb-4 {
   margin-bottom: 1rem;
 }
+.theme-designCrowd .tw-mb-5 {
+  margin-bottom: 1.25rem;
+}
 .theme-designCrowd .tw-mb-6 {
   margin-bottom: 1.5rem;
 }
@@ -756,6 +759,9 @@ video {
 .theme-designCrowd .tw-mt-4 {
   margin-top: 1rem;
 }
+.theme-designCrowd .tw-mt-5 {
+  margin-top: 1.25rem;
+}
 .theme-designCrowd .tw-mt-8 {
   margin-top: 2rem;
 }
@@ -923,6 +929,9 @@ video {
 .theme-designCrowd .tw-max-w-xl {
   max-width: 36rem;
 }
+.theme-designCrowd .tw-flex-1 {
+  flex: 1 1 0%;
+}
 .theme-designCrowd .tw-flex-auto {
   flex: 1 1 auto;
 }
@@ -1606,6 +1615,9 @@ video {
 .theme-designCrowd .tw-p-4 {
   padding: 1rem;
 }
+.theme-designCrowd .tw-p-5 {
+  padding: 1.25rem;
+}
 .theme-designCrowd .tw-p-6 {
   padding: 1.5rem;
 }
@@ -1741,6 +1753,9 @@ video {
 .theme-designCrowd .tw-pt-2 {
   padding-top: 0.5rem;
 }
+.theme-designCrowd .tw-pt-4 {
+  padding-top: 1rem;
+}
 .theme-designCrowd .tw-pt-6 {
   padding-top: 1.5rem;
 }
@@ -1966,6 +1981,11 @@ video {
   --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
+.theme-designCrowd .tw-transition-all {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .theme-designCrowd .tw-transition-colors {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -2141,10 +2161,20 @@ video {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+.theme-designCrowd .tw-group:hover .group-hover\:tw-scale-105 {
+  --tw-scale-x: 1.05;
+  --tw-scale-y: 1.05;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .theme-designCrowd .tw-group:hover .group-hover\:tw-text-info-500 {
   --tw-text-opacity: 1;
   color: rgb(17 151 235 / var(--tw-text-opacity));
 }
+.theme-designCrowd .tw-group:hover .group-hover\:tw-shadow {
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 @media (min-width: 640px) {
 .theme-designCrowd .sm\:tw-absolute {
     position: absolute;

package/src/atoms/components/Icon/icons/maker/twitter.vue

@@ -1,5 +1,6 @@
 <template>
   <path
-    d="M6.3723 14c-2.3529 0-4.2548-.3891-5.1105-1.0546a.3143.3143 0 0 1-.1019-.1574.3096.3096 0 0 1 .0067-.1864.3341.3341 0 0 1 .1231-.1488.3426.3426 0 0 1 .1864-.0574c1.4005-.022 2.3052-.3438 2.9957-.7329-1.332-.1609-2.1638-.7782-2.591-1.947a.2446.2446 0 0 1-.0066-.1654.2494.2494 0 0 1 .1005-.133.3486.3486 0 0 1 .3333-.0234c.3571.2297.7128.275 1.1414.275-.9005-.5266-1.7408-1.397-2.0685-2.475a.2703.2703 0 0 1 .0111-.1671.2761.2761 0 0 1 .1079-.1299.2941.2941 0 0 1 .3333.022c.2815.2242.621.367.9804.4125-.9328-.9157-1.5042-2.2687-.696-3.7578l.14-.275.238.2296c1.4762 1.4891 2.8319 2.1766 5.3038 2.6345v-.0907c-.0054-.8016.3107-1.5731.8798-2.1479.5692-.5747 1.3458-.9066 2.1621-.9239.6708 0 1.5937.4592 1.9733.6655.0238 0 .0476.0234.0476 0a17.7307 17.7307 0 0 0 1.7114-.6421.262.262 0 0 1 .2801.0467.2311.2311 0 0 1 .0705.1297.2282.2282 0 0 1-.0229.1453 3.131 3.131 0 0 1-.5882.9845l.4748-.1595a.322.322 0 0 1 .1485.0012.3186.3186 0 0 1 .1316.0676.2959.2959 0 0 1 .0713.1286.2917.2917 0 0 1 .0001.1464 2.2687 2.2687 0 0 1-.4358.8165 2.3167 2.3167 0 0 1-.7294.5805v.0687C13.9798 10.403 10.5569 14 6.3722 14Z"
+    d="M12.1655 1H14.5349L9.35972 6.93021L15.4483 15H10.6815L6.94786 10.1048L2.67545 15H0.305103L5.84041 8.65655L0 1H4.88841L8.2629 5.47324L12.1655 1ZM11.3352 13.5788H12.6483L4.17393 2.3469H2.76621L11.3352 13.5788Z"
+    fill="black"
   />
 </template>