npm - @arkyn/components - Versions diffs - 3.0.1-beta.204 → 3.0.1-beta.207 - Mend

@arkyn/components 3.0.1-beta.204 → 3.0.1-beta.207

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (104) hide show

package/dist/modules/components/table/tableBody/styles.css CHANGED Viewed

	@@ -1 +1 @@
1	- @layer arkyn{.arkynTableBodyEmptyLine>td{background-color:var(--background-underground);height:64px}.arkynTableBodyEmptyLine>td>div{text-align:center;white-space:nowrap;color:var(--text-body);justify-content:center;align-items:center;font-size:14px;font-weight:400;display:flex}.arkynTableBody>tr>td{height:64px;color:var(--text-body);padding-left:16px;font-size:14px;font-weight:400}.arkynTableBody>tr>td:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.arkynTableBody>tr>td:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px;padding-right:16px}.arkynTableBody>tr:nth-child(odd)>td{background-color:var(--background-underground)}.arkynTableBody>tr:nth-child(odd):hover>td{filter:brightness(.98)}.arkynTableBody>tr:nth-child(2n):hover>td{background-color:var(--background-underground);filter:brightness(.98)}html.dark .arkynTableBody>tr:nth-child(odd):hover>td{filter:brightness(1.2)}html.dark .arkynTableBody>tr:nth-child(2n):hover>td{background-color:var(--background-underground);filter:brightness(1.2)}}
1	+ @layer arkyn{.arkynTableBodyEmptyLine>td{background-color:var(--background-underground,#fafafa);height:64px}.arkynTableBodyEmptyLine>td>div{text-align:center;white-space:nowrap;color:var(--text-body,#52525b);justify-content:center;align-items:center;font-size:14px;font-weight:400;display:flex}.arkynTableBody>tr>td{height:64px;color:var(--text-body,#52525b);padding-left:16px;font-size:14px;font-weight:400}.arkynTableBody>tr>td:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.arkynTableBody>tr>td:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px;padding-right:16px}.arkynTableBody>tr:nth-child(odd)>td{background-color:var(--background-underground,#fafafa)}.arkynTableBody>tr:nth-child(odd):hover>td{filter:brightness(.98)}.arkynTableBody>tr:nth-child(2n):hover>td{background-color:var(--background-underground,#fafafa);filter:brightness(.98)}html.dark .arkynTableBody>tr:nth-child(odd):hover>td{filter:brightness(1.2)}html.dark .arkynTableBody>tr:nth-child(2n):hover>td{background-color:var(--background-underground,#fafafa);filter:brightness(1.2)}}

package/dist/modules/components/table/tableFooter/styles.css CHANGED Viewed

	@@ -1 +1 @@
1	- @layer arkyn{.arkynTableFooterContent{border-top:1px solid var(--border);justify-content:space-between;align-items:center;height:48px;padding-top:16px;display:flex}.arkynTableFooter .spacingRow{height:24px}}
1	+ @layer arkyn{.arkynTableFooterContent{border-top:1px solid var(--border,#e2e8f0);justify-content:space-between;align-items:center;height:48px;padding-top:16px;display:flex}.arkynTableFooter .spacingRow{height:24px}}

package/dist/modules/components/table/tableHeader/styles.css CHANGED Viewed

	@@ -1 +1 @@
1	- @layer arkyn{.arkynTableHeader th{text-align:left;background-color:var(--background-underground);height:44px;color:var(--text-heading);white-space:nowrap;padding-left:16px;font-size:14px;font-weight:600}.arkynTableHeader th:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.arkynTableHeader th:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px;padding-right:16px}.arkynTableHeader .spacingRow{height:12px}}
1	+ @layer arkyn{.arkynTableHeader th{text-align:left;background-color:var(--background-underground,#fafafa);height:44px;color:var(--text-heading,#09090b);white-space:nowrap;padding-left:16px;font-size:14px;font-weight:600}.arkynTableHeader th:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.arkynTableHeader th:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px;padding-right:16px}.arkynTableHeader .spacingRow{height:12px}}

package/dist/modules/components/textarea/styles.css CHANGED Viewed

@@ -1,7 +1,7 @@
-@layer arkyn{.arkynTextarea{border:1px solid #0000;border-radius:8px;outline:1px solid #0000;align-items:center;gap:8px;width:100%;padding:16px;display:flex;position:relative}.arkynTextarea:hover{cursor:text}.arkynTextarea textarea{resize:none;width:100%;color:var(--text-heading);background:0 0;border:none;outline:none}.arkynTextarea textarea::placeholder{color:var(--text-muted);line-height:130%}.arkynTextarea.opacityTrue{opacity:.5}.arkynTextarea.solid{border-color:var(--border);background-color:var(--input-background)}.arkynTextarea.solid.errorTrue{border-color:rgb(var(--spotlight-danger));outline-color:rgb(var(--spotlight-danger))}.arkynTextarea:not(.opacityTrue).solid.focusedTrue{border-color:rgb(var(--spotlight-primary));outline-color:rgb(var(--spotlight-primary))}.arkynTextarea.outline{border-color:var(--border);background-color:var(--background-foreground)}.arkynTextarea.outline.errorTrue{border-color:rgb(var(--spotlight-danger));outline-color:rgb(var(--spotlight-danger))}.arkynTextarea:not(.opacityTrue).outline.focusedTrue{border-color:rgb(var(--spotlight-primary));outline-color:rgb(var(--spotlight-primary))}.arkynTextarea.md textarea,.arkynTextarea.md textarea::placeholder{font-size:14px;font-weight:400;line-height:14px}.arkynTextarea.lg textarea,.arkynTextarea.lg textarea::placeholder{font-size:16px;font-weight:400;line-height:16px}}
+@layer arkyn{.arkynTextarea{border:1px solid #0000;border-radius:8px;outline:1px solid #0000;align-items:center;gap:8px;width:100%;padding:16px;display:flex;position:relative}.arkynTextarea:hover{cursor:text}.arkynTextarea textarea{resize:none;width:100%;color:var(--text-heading,#09090b);background:0 0;border:none;outline:none}.arkynTextarea textarea::placeholder{color:var(--text-muted,#a1a1aa);line-height:130%}.arkynTextarea.opacityTrue{opacity:.5}.arkynTextarea.solid{border-color:var(--border,#e2e8f0);background-color:var(--input-background,#fafafa)}.arkynTextarea.solid.errorTrue{border-color:rgb(var(--spotlight-danger,244, 63, 94));outline-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynTextarea:not(.opacityTrue).solid.focusedTrue{border-color:rgb(var(--spotlight-primary,17, 109, 220));outline-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynTextarea.outline{border-color:var(--border,#e2e8f0);background-color:var(--background-foreground,#fff)}.arkynTextarea.outline.errorTrue{border-color:rgb(var(--spotlight-danger,244, 63, 94));outline-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynTextarea:not(.opacityTrue).outline.focusedTrue{border-color:rgb(var(--spotlight-primary,17, 109, 220));outline-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynTextarea.md textarea,.arkynTextarea.md textarea::placeholder{font-size:14px;font-weight:400;line-height:14px}.arkynTextarea.lg textarea,.arkynTextarea.lg textarea::placeholder{font-size:16px;font-weight:400;line-height:16px}}
-@layer arkyn{.arkynFieldError{color:rgb(var(--spotlight-danger));font-size:12px;font-weight:600;line-height:12px}}
+@layer arkyn{.arkynFieldError{color:rgb(var(--spotlight-danger,244, 63, 94));font-size:12px;font-weight:600;line-height:12px}}
-@layer arkyn{.arkynFieldLabel{color:var(--text-body);font-size:14px;font-weight:600;line-height:19.07px}.arkynFieldLabel.asteriskTrue:before{content:"* ";text-align:left;color:rgb(var(--spotlight-danger));font-size:12px;font-weight:600;line-height:16.34px}}
+@layer arkyn{.arkynFieldLabel{color:var(--text-body,#52525b);font-size:14px;font-weight:600;line-height:19.07px}.arkynFieldLabel.asteriskTrue:before{content:"* ";text-align:left;color:rgb(var(--spotlight-danger,244, 63, 94));font-size:12px;font-weight:600;line-height:16.34px}}
 @layer arkyn{.arkynFieldWrapper{gap:6px;height:max-content;display:flex}.arkynFieldWrapper.horizontal{flex-direction:row;align-items:center}.arkynFieldWrapper.horizontalReverse{flex-direction:row-reverse;align-items:center;margin-right:auto}.arkynFieldWrapper.vertical{flex-direction:column;align-items:flex-start}}

package/dist/modules/components/tooltip/styles.css CHANGED Viewed

	@@ -1 +1 @@
1	- @layer arkyn{.arkynTooltip{display:block;position:relative}.arkynTooltipText{visibility:hidden;opacity:0;white-space:nowrap;color:var(--tooltip-text);background-color:var(--tooltip-background);z-index:9999;border-radius:4px;justify-content:center;align-items:center;font-weight:400;transition:all .15s ease-out;display:flex;position:absolute;transform:translate(-50%,-50%)}.arkynTooltip.lg .arkynTooltipText{padding:8px 12px;font-size:14px;line-height:130%}.arkynTooltip.md .arkynTooltipText{padding:8px 12px;font-size:12px;line-height:130%}.arkynTooltip:hover .arkynTooltipText{opacity:1;visibility:visible}.arkynTooltip.top .arkynTooltipText{bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.arkynTooltip.top .arkynTooltipText:before{content:"";border-style:solid;border-color:var(--tooltip-background) transparent;border-width:6px 6px 0;position:absolute;top:100%;bottom:20px;left:50%;transform:translate(-50%)}.arkynTooltip.left .arkynTooltipText{top:50%;right:calc(100% + 10px);transform:translateY(-50%)}.arkynTooltip.left .arkynTooltipText:before{content:"";border-style:solid;border-color:transparent var(--tooltip-background);border-width:6px 0 6px 6px;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.arkynTooltip.right .arkynTooltipText{top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.arkynTooltip.right .arkynTooltipText:before{content:"";border-style:solid;border-color:transparent var(--tooltip-background);border-width:6px 6px 6px 0;position:absolute;top:50%;left:0;transform:translate(-100%,-50%)}.arkynTooltip.bottom .arkynTooltipText{top:calc(100% + 10px);left:50%;transform:translate(-50%)}.arkynTooltip.bottom .arkynTooltipText:before{content:"";border-style:solid;border-color:var(--tooltip-background) transparent;border-width:0 6px 6px;position:absolute;top:0;left:50%;transform:translate(-50%,-100%)}}
1	+ @layer arkyn{.arkynTooltip{display:block;position:relative}.arkynTooltipText{visibility:hidden;opacity:0;white-space:nowrap;color:var(--tooltip-text,#fafafa);background-color:var(--tooltip-background,#27272a);z-index:9999;border-radius:4px;justify-content:center;align-items:center;font-weight:400;transition:all .15s ease-out;display:flex;position:absolute;transform:translate(-50%,-50%)}.arkynTooltip.lg .arkynTooltipText{padding:8px 12px;font-size:14px;line-height:130%}.arkynTooltip.md .arkynTooltipText{padding:8px 12px;font-size:12px;line-height:130%}.arkynTooltip:hover .arkynTooltipText{opacity:1;visibility:visible}.arkynTooltip.top .arkynTooltipText{bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.arkynTooltip.top .arkynTooltipText:before{content:"";border-style:solid;border-color:var(--tooltip-background,#27272a) transparent;border-width:6px 6px 0;position:absolute;top:100%;bottom:20px;left:50%;transform:translate(-50%)}.arkynTooltip.left .arkynTooltipText{top:50%;right:calc(100% + 10px);transform:translateY(-50%)}.arkynTooltip.left .arkynTooltipText:before{content:"";border-style:solid;border-color:transparent var(--tooltip-background,#27272a);border-width:6px 0 6px 6px;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.arkynTooltip.right .arkynTooltipText{top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.arkynTooltip.right .arkynTooltipText:before{content:"";border-style:solid;border-color:transparent var(--tooltip-background,#27272a);border-width:6px 6px 6px 0;position:absolute;top:50%;left:0;transform:translate(-100%,-50%)}.arkynTooltip.bottom .arkynTooltipText{top:calc(100% + 10px);left:50%;transform:translate(-50%)}.arkynTooltip.bottom .arkynTooltipText:before{content:"";border-style:solid;border-color:var(--tooltip-background,#27272a) transparent;border-width:0 6px 6px;position:absolute;top:0;left:50%;transform:translate(-50%,-100%)}}