@gyramais/gyra-design 0.1.58-appearence → 0.1.58-webkit

package/dist/index.css

@@ -6713,227 +6713,228 @@ h6 {
 }
 .gyramais-table-container {
 
-    width: 100%;
+  width: 100%;
 
-    overflow-y: auto
+  overflow-y: auto
 }
 
 .gyramais-table-container table {
 
-    width: 100%;
+  width: 100%;
 
-    border-collapse: collapse;
+  border-collapse: collapse;
 
-    border-style: hidden
+  border-style: hidden
 }
 
 @media (min-width: 768px) {
 
-    .gyramais-table-container table {
+  .gyramais-table-container table {
 
-        table-layout: fixed
-    }
+    table-layout: fixed
+  }
 }
 
 .gyramais-table-container table thead {
 
-    position: sticky;
+  position: sticky;
 
-    top: 0px;
+  top: 0px;
 
-    height: 3rem;
+  height: 3rem;
 
-    --tw-bg-opacity: 1;
+  --tw-bg-opacity: 1;
 
-    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
 }
 .gyramais-table-container table thead th {
 
-    text-wrap: nowrap;
+  text-wrap: nowrap;
 
-    font-size: 0.875rem;
+  font-size: 0.875rem;
 
-    line-height: 1.25rem;
+  line-height: 1.25rem;
 
-    font-weight: 500;
+  font-weight: 500;
 
-    line-height: 14px;
+  line-height: 14px;
 
-    --tw-text-opacity: 1;
+  --tw-text-opacity: 1;
 
-    color: rgb(0 0 0 / var(--tw-text-opacity))
+  color: rgb(0 0 0 / var(--tw-text-opacity))
 }
 .gyramais-table-container:not(.gyramais-table-list-container) table thead th {
 
-    padding-left: 0.25rem;
+  padding-left: 0.25rem;
 
-    padding-right: 0.25rem
+  padding-right: 0.25rem
 }
 
 .gyramais-table-container table tbody tr td {
 
-    padding-top: 0.5rem;
+  padding-top: 0.5rem;
 
-    padding-bottom: 0.5rem;
+  padding-bottom: 0.5rem;
 
-    font-size: 1rem;
+  font-size: 1rem;
 
-    line-height: 1.5rem;
+  line-height: 1.5rem;
 
-    font-weight: 400;
+  font-weight: 400;
 
-    line-height: 19.2px;
+  line-height: 19.2px;
 
-    --tw-text-opacity: 1;
+  --tw-text-opacity: 1;
 
-    color: rgb(98 105 118 / var(--tw-text-opacity))
+  color: rgb(98 105 118 / var(--tw-text-opacity))
 }
 
 @media (min-width: 768px) {
 
-    .gyramais-table-container table tbody tr td {
+  .gyramais-table-container table tbody tr td {
 
-        padding-top: 1rem;
+    padding-top: 1rem;
 
-        padding-bottom: 1rem
-    }
+    padding-bottom: 1rem
+  }
 }
 .gyramais-table-container:not(.gyramais-table-list-container) table tbody tr td {
 
-    padding-left: 0.25rem;
+  padding-left: 0.25rem;
 
-    padding-right: 0.25rem
+  padding-right: 0.25rem
 }
 
 /* CARD STYLE */
 .gyramais-table-container.gyramais-table-card-container {
 
-    padding-left: 4px;
+  padding-left: 4px;
 
-    padding-right: 4px
+  padding-right: 4px
 }
 
 .gyramais-table-container.gyramais-table-card-container table {
 
-    border-collapse: separate;
+  border-collapse: separate;
 
-    --tw-border-spacing-y: 0.5rem;
+  --tw-border-spacing-y: 0.5rem;
 
-    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
+  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
 }
 
 .gyramais-table-container.gyramais-table-card-container table thead {
 
-    top: 0.5rem;
+  top: 0.5rem;
 
-    --tw-translate-y: -0.5rem;
+  --tw-translate-y: -0.5rem;
 
-    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))
+  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))
 }
 .gyramais-table-container.gyramais-table-card-container table tbody {
 
-    --tw-translate-y: -0.5rem;
+  --tw-translate-y: -0.5rem;
 
-    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))
+  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))
 }
 
 .gyramais-table-container.gyramais-table-card-container table tbody tr {
 
-    -webkit-appearance: none;
+  -moz-appearance: none;
 
-       -moz-appearance: none;
+       appearance: none;
 
-            appearance: none;
+  border-radius: 12px;
 
-    border-radius: 12px;
+  --tw-bg-opacity: 1;
 
-    --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 
-    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  --tw-shadow: 0 0 4px 2px rgba(24,39,75,.08), 0 2px 4px 0 rgba(24,39,75,.12);
 
-    --tw-shadow: 0 0 4px 2px rgba(24,39,75,.08), 0 2px 4px 0 rgba(24,39,75,.12);
+  --tw-shadow-colored: 0 0 4px 2px var(--tw-shadow-color), 0 2px 4px 0 var(--tw-shadow-color);
 
-    --tw-shadow-colored: 0 0 4px 2px var(--tw-shadow-color), 0 2px 4px 0 var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
+  -webkit-appearance: none;
+  -webkit-box-shadow: 0 0 4px 2px rgba(24,39,75,.08), 0 2px 4px 0 rgba(24,39,75,.12)
 }
 
 .gyramais-table-container.gyramais-table-card-container table tbody tr td {
 
-    padding-top: 0.75rem;
+  padding-top: 0.75rem;
 
-    padding-bottom: 0.75rem
+  padding-bottom: 0.75rem
 }
 .gyramais-table-container.gyramais-table-card-container table tbody tr td:first-child {
 
-    border-top-left-radius: 12px;
+  border-top-left-radius: 12px;
 
-    border-bottom-left-radius: 12px;
+  border-bottom-left-radius: 12px;
 
-    padding-left: 0.5rem
+  padding-left: 0.5rem
 }
 .gyramais-table-container.gyramais-table-card-container table tbody tr td:last-child {
 
-    border-top-right-radius: 12px;
+  border-top-right-radius: 12px;
 
-    border-bottom-right-radius: 12px;
+  border-bottom-right-radius: 12px;
 
-    padding-right: 0.5rem
+  padding-right: 0.5rem
 }
 
 /* BORDERED STYLES */
 .gyramais-table-container.gyramais-table-bordered-container {
 
-    border-radius: 8px !important;
+  border-radius: 8px !important;
 
-    border-width: 1px
+  border-width: 1px
 }
 
 .gyramais-table-container.gyramais-table-bordered-container table thead th {
 
-    border-width: 1px
+  border-width: 1px
 }
 .gyramais-table-container.gyramais-table-bordered-container table tbody tr td {
 
-    border-width: 1px
+  border-width: 1px
 }
 
 /* UTILS STYLES */
 .gyramais-table-container table tbody tr td > div {
 
-    position: relative;
+  position: relative;
 
-    text-wrap: nowrap
+  text-wrap: nowrap
 }
 @media (min-width: 768px) {
 
-    .gyramais-table-container table tbody tr td > div.with-clamp {
+  .gyramais-table-container table tbody tr td > div.with-clamp {
 
-        overflow: hidden;
+    overflow: hidden;
 
-        display: -webkit-box;
+    display: -webkit-box;
 
-        -webkit-box-orient: vertical;
+    -webkit-box-orient: vertical;
 
-        -webkit-line-clamp: 1;
+    -webkit-line-clamp: 1;
 
-        text-wrap: wrap;
+    text-wrap: wrap;
 
-        word-break: break-all
-    }
+    word-break: break-all
+  }
 }
 
 .gyramais-table-text-left {
 
-    text-align: left
+  text-align: left
 }
 .gyramais-table-text-center {
 
-    text-align: center
+  text-align: center
 }
 .gyramais-table-text-right {
 
-    text-align: right
+  text-align: right
 }
 .gyramais-tabs {
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gyramais/gyra-design",
-  "version": "0.1.58-appearence",
+  "version": "0.1.58-webkit",
   "description": "Gyramais Design System",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",