@vixcom/ui 1.7.4 → 1.7.6

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 vixson
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/css/helper/primefaces.css

@@ -123,6 +123,13 @@
   gap: 0.5rem;
 }
 
+.p-tree {
+  padding: 0;
+}
+.p-treenode-children {
+  padding-left: 0.75rem;
+}
+
 .p-toast {
   z-index: 5;
 }
@@ -199,7 +206,9 @@
   border-radius: var(--border-radius);
 }
 .p-dropdown .p-dropdown-label {
-  /* display: flex; */
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
 }
 
 .p-inputswitch {
@@ -368,10 +377,16 @@
   gap: 1rem;
 }
 
+.p-toast {
+  white-space: unset;
+}
 .p-toast .p-toast-message .p-toast-icon-close {
   min-width: 2rem;
   border: none;
 }
+.p-toast ul {
+  list-style: disc;
+}
 
 .p-selectbutton {
   display: flex;

package/dist/css/helper/tailwindcss.css

@@ -1 +1,3 @@
-
+* {
+  outline-offset: 0.125rem;
+}

package/dist/css/main.css

@@ -83,23 +83,12 @@ b {
 .bg-text-color {
   --opacity: 0.055;
   position: relative;
+  background-color: color-mix(in oklch, currentColor, white 75%);
 }
-.bg-text:hover::after,
-.bg-text-color:hover::after {
-  opacity: var(--opacity-hover, calc(var(--opacity0.75)));
-}
-.bg-text::after,
-.bg-text-color::after {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  background-color: currentColor;
-  opacity: var(--opacity);
-  height: 100%;
-  width: 100%;
-  border-radius: inherit;
-  z-index: 0;
+.bg-text:is(a):hover, .bg-text.link:hover,
+.bg-text-color:is(a):hover,
+.bg-text-color.link:hover {
+  background-color: color-mix(in oklch, currentColor, white 70%);
 }
 
 .is-blur {
@@ -887,7 +876,6 @@ button,
   border-radius: var(--border-radius, 0.25rem);
   padding: 0.25rem 0.75rem;
   font-size: 120%;
-  max-width: 5rem;
   min-width: fit-content;
   gap: 0.25rem;
   justify-content: center;
@@ -1172,6 +1160,19 @@ table {
 }
 
 /* Modal Close Button - End */
+.collapsable {
+  overflow: scroll;
+  transition-property: max-height cubic-bezier(0.4, 0, 0.2, 1) 150ms;
+  max-height: 100vh;
+}
+
+.trigger:checked ~ .icon {
+  transform: rotate(180deg);
+}
+.trigger:checked ~ .collapsable {
+  max-height: 0;
+}
+
 /* Scrollable Container - Start */
 .scroll-container {
   position: relative;

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vixcom/ui",
-  "version": "1.7.4",
+  "version": "1.7.6",
   "keywords": [
     "ui",
     "styling",
@@ -22,6 +22,7 @@
     "publish": "npm publish"
   },
   "devDependencies": {
+    "dotenv": "^17.2.3",
     "sass": "^1.58.3",
     "serve": "^14.2.5",
     "tailwindcss": "^3.2.7"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vixcom/ui",
-  "version": "1.7.4",
+  "version": "1.7.6",
   "keywords": [
     "ui",
     "styling",
@@ -22,6 +22,7 @@
     "publish": "npm publish"
   },
   "devDependencies": {
+    "dotenv": "^17.2.3",
     "sass": "^1.58.3",
     "serve": "^14.2.5",
     "tailwindcss": "^3.2.7"

package/dist/assets/img/avatar.svg

@@ -1 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 594 594" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><circle id="Avatar" cx="296.789" cy="296.789" r="296.789" style="fill:#fff;"/><clipPath id="_clip1"><circle cx="296.789" cy="296.789" r="296.789"/></clipPath><g clip-path="url(#_clip1)"><path d="M296.789,353.398c163.802,0 296.788,53.81 296.788,120.09c0,66.279 -132.986,120.089 -296.788,120.089c-163.803,0 -296.789,-53.81 -296.789,-120.089c0,-66.28 132.986,-120.09 296.789,-120.09Zm-0,-259.595c66.279,0 120.089,53.811 120.089,120.09c0,66.279 -53.81,120.089 -120.089,120.089c-66.28,0 -120.09,-53.81 -120.09,-120.089c0,-66.279 53.81,-120.09 120.09,-120.09Z" style="fill:#404040;"/></g></svg>