Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@accountingbox/invoice-templates

Package Overview
Dependencies
Maintainers
1
Versions
58
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@accountingbox/invoice-templates - npm Package Compare versions

Comparing version 1.0.18 to 1.0.19

2

dist/index.js

@@ -365,3 +365,3 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }

function _templateObject3() {
var data = _taggedTemplateLiteralLoose(["\n @page {\n size: A4;\n }\n html {\n }\n body {\n margin: 0px;\n padding: 0px;\n background: #fafbfc;\n font-size: ", "pt;\n font-family: ", " -apple-system,\n BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial,\n sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',\n 'Segoe UI Symbol';\n color: ", ";\n //font-family: Helvetica, Arial, sans-serif;\n //font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n // Roboto, Oxygen-Sans, Ubuntu, Cantarell,\n //\"Helvetica Neue\", sans-serif;\n -webkit-font-smoothing: antialiased;\n\n }\n p {\n font-weight: 300;\n margin-block-start: 0em;\n margin-block-end: 0.5em;\n line-height: 1.35;\n white-space: pre-line;\n }\n p:last-of-type {\n margin-block-end: 0em;\n }\n\n .label {\n font-weight: 600;\n margin-top: 0px;\n margin-bottom: 0.25em;\n color: black;\n letter-spacing: 0.03em;\n &.customer-name,\n &.company-name {\n margin-bottom: 0.1em;\n }\n }\n\n .logo {\n height: auto;\n max-width: 70%;\n margin-top: ", "rem;\n text-align: ", ";\n img {\n height: ", "px;\n width: 100%;\n object-fit: contain;\n object-position: ", ";\n }\n\n .text-logo {\n margin: 0;\n padding: 0;\n white-space: pre-wrap;\n color: ", ";\n letter-spacing: 0.02em;\n font-size: ", "px;\n }\n }\n .company-information {\n text-align: ", ";\n }\n\n .company-information.bottom {\n text-align: left;\n display: flex;\n justify-content: space-between;\n margin-top: 2.5rem;\n margin-bottom: 0em;\n align-items: center;\n\n .label:not(.company-name) {\n width: 2.5rem;\n //color: inherit;\n display: inline-block;\n margin-bottom: 0;\n font-size: 0.8em;\n opacity: 0.9;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\n .contact-information .label {\n width: 3rem;\n }\n }\n .customer {\n position: absolute;\n padding-left: inherit;\n left: ", "cm;\n }\n .invoice-information {\n margin-top: ", "rem;\n .title {\n font-size: 2em;\n font-weight: 500;\n letter-spacing: 0.03em;\n color: black;\n text-align: ", ";\n margin: 0 0 0.8rem;\n }\n .invoice-information-content {\n display: flex;\n justify-content: space-between;\n flex-direction: ", ";\n .invoice-details {\n height: fit-content;\n width: fit-content;\n line-height: 1.8;\n text-align: right;\n background: #f9fafa;\n padding: 0.8rem 1rem;\n margin-bottom: 0.8rem;\n\n &.horizontal {\n //padding: 1rem 1.2rem;\n padding: 1rem;\n .invoice-details-content {\n display: flex;\n line-height: 1;\n text-align: ", ";\n > div:not(:last-of-type) {\n padding-right: 3rem;\n }\n .label {\n margin-bottom: 0;\n margin-bottom: 0.35rem;\n }\n }\n }\n &.vertical .invoice-details-content {\n .label {\n text-align: left;\n min-width: 8rem;\n }\n }\n }\n .description {\n white-space: pre-wrap;\n margin-top: ", "rem;\n }\n }\n }\n .note {\n position: absolute;\n margin-top: ", "rem;\n width: 48%;\n td p {\n text-align: left;\n margin-top: 0px;\n white-space: pre-wrap;\n }\n }\n\n .invoice-table {\n margin-top: 2.4rem;\n margin-bottom: 2.4rem;\n width: 100%;\n //table-layout: fixed;\n word-wrap: break-word;\n border-spacing: 0;\n th,\n td {\n line-height: 1.35;\n padding: 12px 8px;\n //padding: 12px 16px;\n //padding: 12px 8px;\n /* padding: 8px 10px 8px 10px; */\n }\n td:first-of-type, th:last-of-type { padding-right: 16px;}\n td {\n //padding: 1rem;\n }\n td:last-of-type {\n white-space: nowrap;\n }\n thead tr {\n font-weight: 600;\n background: #f9fafa; //#F4F5F7\n color: black;\n letter-spacing: 0.03em;\n th {\n font-weight: 600;\n text-align: left;\n }\n th:nth-last-of-type(-n + 4) {\n text-align: right;\n }\n }\n col.line-description {\n //width: 50%;\n }\n col.line-vat-percentage {\n width: 4.5rem;\n }\n col.line-amount, col.line-quantity, col.line-price { {\n width: 6rem;\n }\n\n }\n .invoice-line {\n padding: 0.7em 0;\n // td {border-bottom: 1px solid #d8d8d8;}\n &:last-of-type td {\n // border-bottom: none;\n // border-bottom: 1px solid #DFE1E6;\n }\n td:nth-last-of-type(-n + 4) {\n text-align: right;\n }\n }\n\n .invoice-totals {\n border-collapse: separate;\n text-align: right;\n ::before {\n content: '';\n display: block;\n height: 4.5rem;\n }\n td {\n line-height: 1;\n white-space: nowrap;\n }\n tr {\n &:first-of-type td div {\n padding-top: 13px;\n }\n &:nth-last-of-type(2) td div {\n padding-bottom: 12px;\n }\n &:nth-last-of-type(1) td div{\n padding-top: 12px;\n font-size: 1.2em;\n }\n }\n tr {\n &:first-of-type td:nth-last-of-type(3) {\n border-top-left-radius: 0.3rem;\n }\n &:first-of-type td:last-of-type {\n border-top-right-radius: 0.3rem;\n }\n &:last-of-type td:nth-last-of-type(3) {\n border-bottom-left-radius: 0.3rem;\n }\n &:last-of-type td:last-of-type{\n border-bottom-right-radius: 0.3rem;\n }\n }\n td {\n padding: 0px 0px;\n div { padding: 8px 8px;}\n &:nth-last-of-type(1) {\n text-align: right;\n }\n }\n\n }\n .total-amount {\n color: black;\n font-weight: 700;\n td:not(:first-of-type) div {\n //border-top: 1px solid #dfe1e6;\n border-top: 1px solid rgba(44, 53, 77, 0.12);\n }\n\n }\n .subtotal-amount {\n td div{\n padding-top: 12px;\n }\n td:not(:first-of-type) div {\n border-top: 1px solid rgba(44, 53, 77, 0.12);\n }\n }\n\n * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n @media print {\n * {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n }\n "]);
var data = _taggedTemplateLiteralLoose(["\n @page {\n size: A4;\n }\n html {\n }\n body {\n margin: 0px;\n padding: 0px;\n background: #fafbfc;\n font-size: ", "pt;\n font-family: ", " -apple-system,\n BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial,\n sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',\n 'Segoe UI Symbol';\n color: ", ";\n //font-family: Helvetica, Arial, sans-serif;\n //font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n // Roboto, Oxygen-Sans, Ubuntu, Cantarell,\n //\"Helvetica Neue\", sans-serif;\n -webkit-font-smoothing: antialiased;\n\n }\n p {\n font-weight: 300;\n margin-block-start: 0em;\n margin-block-end: 0.5em;\n line-height: 1.35;\n white-space: pre-line;\n }\n p:last-of-type {\n margin-block-end: 0em;\n }\n\n .label {\n font-weight: 600;\n margin-top: 0px;\n margin-bottom: 0.25em;\n color: black;\n letter-spacing: 0.03em;\n &.customer-name,\n &.company-name {\n margin-bottom: 0.1em;\n }\n }\n\n .logo {\n height: auto;\n max-width: 70%;\n margin-top: ", "rem;\n text-align: ", ";\n img {\n height: ", "px;\n width: 100%;\n object-fit: contain;\n object-position: ", ";\n }\n\n .text-logo {\n margin: 0;\n padding: 0;\n white-space: pre-wrap;\n color: ", ";\n letter-spacing: 0.02em;\n font-size: ", "px;\n }\n }\n .company-information {\n text-align: ", ";\n }\n\n .company-information.bottom {\n text-align: left;\n display: flex;\n justify-content: space-between;\n margin-top: 2.5rem;\n margin-bottom: 0em;\n align-items: center;\n\n .label:not(.company-name) {\n width: 2.5rem;\n //color: inherit;\n display: inline-block;\n margin-bottom: 0;\n font-size: 0.8em;\n opacity: 0.9;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\n .contact-information .label {\n width: 3rem;\n }\n }\n .customer {\n position: absolute;\n padding-left: inherit;\n left: ", "cm;\n }\n .invoice-information {\n margin-top: ", "rem;\n .title {\n font-size: 2em;\n font-weight: 500;\n letter-spacing: 0.03em;\n color: black;\n text-align: ", ";\n margin: 0 0 0.8rem;\n }\n .invoice-information-content {\n display: flex;\n justify-content: space-between;\n flex-direction: ", ";\n .invoice-details {\n height: fit-content;\n width: fit-content;\n line-height: 1.8;\n text-align: right;\n background: #f9fafa;\n padding: 0.8rem 1rem;\n margin-bottom: 0.8rem;\n\n &.horizontal {\n //padding: 1rem 1.2rem;\n padding: 1rem;\n .invoice-details-content {\n display: flex;\n line-height: 1;\n text-align: ", ";\n > div:not(:last-of-type) {\n padding-right: 3rem;\n }\n .label {\n margin-bottom: 0;\n margin-bottom: 0.35rem;\n }\n }\n }\n &.vertical .invoice-details-content {\n .label {\n text-align: left;\n min-width: 8rem;\n }\n }\n }\n .description {\n white-space: pre-wrap;\n margin-top: ", "rem;\n }\n }\n }\n .note {\n position: absolute;\n margin-top: ", "rem;\n width: 48%;\n td p {\n text-align: left;\n margin-top: 0px;\n white-space: pre-wrap;\n }\n }\n\n .invoice-table {\n margin-top: 2.4rem;\n margin-bottom: 2.4rem;\n width: 100%;\n //table-layout: fixed;\n word-wrap: break-word;\n border-spacing: 0;\n th,\n td {\n line-height: 1.35;\n padding: 12px 8px;\n white-space: pre-line;\n //padding: 12px 16px;\n //padding: 12px 8px;\n /* padding: 8px 10px 8px 10px; */\n }\n td:first-of-type, th:last-of-type { padding-right: 16px;}\n td {\n //padding: 1rem;\n }\n td:last-of-type {\n white-space: nowrap;\n }\n thead tr {\n font-weight: 600;\n background: #f9fafa; //#F4F5F7\n color: black;\n letter-spacing: 0.03em;\n th {\n font-weight: 600;\n text-align: left;\n }\n th:nth-last-of-type(-n + 4) {\n text-align: right;\n }\n }\n col.line-description {\n //width: 50%;\n }\n col.line-vat-percentage {\n width: 4.5rem;\n }\n col.line-amount, col.line-quantity, col.line-price { {\n width: 6rem;\n }\n\n }\n .invoice-line {\n padding: 0.7em 0;\n // td {border-bottom: 1px solid #d8d8d8;}\n &:last-of-type td {\n // border-bottom: none;\n // border-bottom: 1px solid #DFE1E6;\n }\n td:nth-last-of-type(-n + 4) {\n text-align: right;\n }\n }\n\n .invoice-totals {\n border-collapse: separate;\n text-align: right;\n ::before {\n content: '';\n display: block;\n height: 4.5rem;\n }\n td {\n line-height: 1;\n white-space: nowrap;\n }\n tr {\n &:first-of-type td div {\n padding-top: 13px;\n }\n &:nth-last-of-type(2) td div {\n padding-bottom: 12px;\n }\n &:nth-last-of-type(1) td div{\n padding-top: 12px;\n font-size: 1.2em;\n }\n }\n tr {\n &:first-of-type td:nth-last-of-type(3) {\n border-top-left-radius: 0.3rem;\n }\n &:first-of-type td:last-of-type {\n border-top-right-radius: 0.3rem;\n }\n &:last-of-type td:nth-last-of-type(3) {\n border-bottom-left-radius: 0.3rem;\n }\n &:last-of-type td:last-of-type{\n border-bottom-right-radius: 0.3rem;\n }\n }\n td {\n padding: 0px 0px;\n div { padding: 8px 8px;}\n &:nth-last-of-type(1) {\n text-align: right;\n }\n }\n\n }\n .total-amount {\n color: black;\n font-weight: 700;\n td:not(:first-of-type) div {\n //border-top: 1px solid #dfe1e6;\n border-top: 1px solid rgba(44, 53, 77, 0.12);\n }\n\n }\n .subtotal-amount {\n td div{\n padding-top: 12px;\n }\n td:not(:first-of-type) div {\n border-top: 1px solid rgba(44, 53, 77, 0.12);\n }\n }\n\n * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n @media print {\n * {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n }\n "]);

@@ -368,0 +368,0 @@ _templateObject3 = function _templateObject3() {

2

dist/index.modern.js

@@ -361,3 +361,3 @@ import React__default, { useMemo, useRef, createElement } from 'react';

function _templateObject3() {
var data = _taggedTemplateLiteralLoose(["\n @page {\n size: A4;\n }\n html {\n }\n body {\n margin: 0px;\n padding: 0px;\n background: #fafbfc;\n font-size: ", "pt;\n font-family: ", " -apple-system,\n BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial,\n sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',\n 'Segoe UI Symbol';\n color: ", ";\n //font-family: Helvetica, Arial, sans-serif;\n //font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n // Roboto, Oxygen-Sans, Ubuntu, Cantarell,\n //\"Helvetica Neue\", sans-serif;\n -webkit-font-smoothing: antialiased;\n\n }\n p {\n font-weight: 300;\n margin-block-start: 0em;\n margin-block-end: 0.5em;\n line-height: 1.35;\n white-space: pre-line;\n }\n p:last-of-type {\n margin-block-end: 0em;\n }\n\n .label {\n font-weight: 600;\n margin-top: 0px;\n margin-bottom: 0.25em;\n color: black;\n letter-spacing: 0.03em;\n &.customer-name,\n &.company-name {\n margin-bottom: 0.1em;\n }\n }\n\n .logo {\n height: auto;\n max-width: 70%;\n margin-top: ", "rem;\n text-align: ", ";\n img {\n height: ", "px;\n width: 100%;\n object-fit: contain;\n object-position: ", ";\n }\n\n .text-logo {\n margin: 0;\n padding: 0;\n white-space: pre-wrap;\n color: ", ";\n letter-spacing: 0.02em;\n font-size: ", "px;\n }\n }\n .company-information {\n text-align: ", ";\n }\n\n .company-information.bottom {\n text-align: left;\n display: flex;\n justify-content: space-between;\n margin-top: 2.5rem;\n margin-bottom: 0em;\n align-items: center;\n\n .label:not(.company-name) {\n width: 2.5rem;\n //color: inherit;\n display: inline-block;\n margin-bottom: 0;\n font-size: 0.8em;\n opacity: 0.9;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\n .contact-information .label {\n width: 3rem;\n }\n }\n .customer {\n position: absolute;\n padding-left: inherit;\n left: ", "cm;\n }\n .invoice-information {\n margin-top: ", "rem;\n .title {\n font-size: 2em;\n font-weight: 500;\n letter-spacing: 0.03em;\n color: black;\n text-align: ", ";\n margin: 0 0 0.8rem;\n }\n .invoice-information-content {\n display: flex;\n justify-content: space-between;\n flex-direction: ", ";\n .invoice-details {\n height: fit-content;\n width: fit-content;\n line-height: 1.8;\n text-align: right;\n background: #f9fafa;\n padding: 0.8rem 1rem;\n margin-bottom: 0.8rem;\n\n &.horizontal {\n //padding: 1rem 1.2rem;\n padding: 1rem;\n .invoice-details-content {\n display: flex;\n line-height: 1;\n text-align: ", ";\n > div:not(:last-of-type) {\n padding-right: 3rem;\n }\n .label {\n margin-bottom: 0;\n margin-bottom: 0.35rem;\n }\n }\n }\n &.vertical .invoice-details-content {\n .label {\n text-align: left;\n min-width: 8rem;\n }\n }\n }\n .description {\n white-space: pre-wrap;\n margin-top: ", "rem;\n }\n }\n }\n .note {\n position: absolute;\n margin-top: ", "rem;\n width: 48%;\n td p {\n text-align: left;\n margin-top: 0px;\n white-space: pre-wrap;\n }\n }\n\n .invoice-table {\n margin-top: 2.4rem;\n margin-bottom: 2.4rem;\n width: 100%;\n //table-layout: fixed;\n word-wrap: break-word;\n border-spacing: 0;\n th,\n td {\n line-height: 1.35;\n padding: 12px 8px;\n //padding: 12px 16px;\n //padding: 12px 8px;\n /* padding: 8px 10px 8px 10px; */\n }\n td:first-of-type, th:last-of-type { padding-right: 16px;}\n td {\n //padding: 1rem;\n }\n td:last-of-type {\n white-space: nowrap;\n }\n thead tr {\n font-weight: 600;\n background: #f9fafa; //#F4F5F7\n color: black;\n letter-spacing: 0.03em;\n th {\n font-weight: 600;\n text-align: left;\n }\n th:nth-last-of-type(-n + 4) {\n text-align: right;\n }\n }\n col.line-description {\n //width: 50%;\n }\n col.line-vat-percentage {\n width: 4.5rem;\n }\n col.line-amount, col.line-quantity, col.line-price { {\n width: 6rem;\n }\n\n }\n .invoice-line {\n padding: 0.7em 0;\n // td {border-bottom: 1px solid #d8d8d8;}\n &:last-of-type td {\n // border-bottom: none;\n // border-bottom: 1px solid #DFE1E6;\n }\n td:nth-last-of-type(-n + 4) {\n text-align: right;\n }\n }\n\n .invoice-totals {\n border-collapse: separate;\n text-align: right;\n ::before {\n content: '';\n display: block;\n height: 4.5rem;\n }\n td {\n line-height: 1;\n white-space: nowrap;\n }\n tr {\n &:first-of-type td div {\n padding-top: 13px;\n }\n &:nth-last-of-type(2) td div {\n padding-bottom: 12px;\n }\n &:nth-last-of-type(1) td div{\n padding-top: 12px;\n font-size: 1.2em;\n }\n }\n tr {\n &:first-of-type td:nth-last-of-type(3) {\n border-top-left-radius: 0.3rem;\n }\n &:first-of-type td:last-of-type {\n border-top-right-radius: 0.3rem;\n }\n &:last-of-type td:nth-last-of-type(3) {\n border-bottom-left-radius: 0.3rem;\n }\n &:last-of-type td:last-of-type{\n border-bottom-right-radius: 0.3rem;\n }\n }\n td {\n padding: 0px 0px;\n div { padding: 8px 8px;}\n &:nth-last-of-type(1) {\n text-align: right;\n }\n }\n\n }\n .total-amount {\n color: black;\n font-weight: 700;\n td:not(:first-of-type) div {\n //border-top: 1px solid #dfe1e6;\n border-top: 1px solid rgba(44, 53, 77, 0.12);\n }\n\n }\n .subtotal-amount {\n td div{\n padding-top: 12px;\n }\n td:not(:first-of-type) div {\n border-top: 1px solid rgba(44, 53, 77, 0.12);\n }\n }\n\n * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n @media print {\n * {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n }\n "]);
var data = _taggedTemplateLiteralLoose(["\n @page {\n size: A4;\n }\n html {\n }\n body {\n margin: 0px;\n padding: 0px;\n background: #fafbfc;\n font-size: ", "pt;\n font-family: ", " -apple-system,\n BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial,\n sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',\n 'Segoe UI Symbol';\n color: ", ";\n //font-family: Helvetica, Arial, sans-serif;\n //font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n // Roboto, Oxygen-Sans, Ubuntu, Cantarell,\n //\"Helvetica Neue\", sans-serif;\n -webkit-font-smoothing: antialiased;\n\n }\n p {\n font-weight: 300;\n margin-block-start: 0em;\n margin-block-end: 0.5em;\n line-height: 1.35;\n white-space: pre-line;\n }\n p:last-of-type {\n margin-block-end: 0em;\n }\n\n .label {\n font-weight: 600;\n margin-top: 0px;\n margin-bottom: 0.25em;\n color: black;\n letter-spacing: 0.03em;\n &.customer-name,\n &.company-name {\n margin-bottom: 0.1em;\n }\n }\n\n .logo {\n height: auto;\n max-width: 70%;\n margin-top: ", "rem;\n text-align: ", ";\n img {\n height: ", "px;\n width: 100%;\n object-fit: contain;\n object-position: ", ";\n }\n\n .text-logo {\n margin: 0;\n padding: 0;\n white-space: pre-wrap;\n color: ", ";\n letter-spacing: 0.02em;\n font-size: ", "px;\n }\n }\n .company-information {\n text-align: ", ";\n }\n\n .company-information.bottom {\n text-align: left;\n display: flex;\n justify-content: space-between;\n margin-top: 2.5rem;\n margin-bottom: 0em;\n align-items: center;\n\n .label:not(.company-name) {\n width: 2.5rem;\n //color: inherit;\n display: inline-block;\n margin-bottom: 0;\n font-size: 0.8em;\n opacity: 0.9;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\n .contact-information .label {\n width: 3rem;\n }\n }\n .customer {\n position: absolute;\n padding-left: inherit;\n left: ", "cm;\n }\n .invoice-information {\n margin-top: ", "rem;\n .title {\n font-size: 2em;\n font-weight: 500;\n letter-spacing: 0.03em;\n color: black;\n text-align: ", ";\n margin: 0 0 0.8rem;\n }\n .invoice-information-content {\n display: flex;\n justify-content: space-between;\n flex-direction: ", ";\n .invoice-details {\n height: fit-content;\n width: fit-content;\n line-height: 1.8;\n text-align: right;\n background: #f9fafa;\n padding: 0.8rem 1rem;\n margin-bottom: 0.8rem;\n\n &.horizontal {\n //padding: 1rem 1.2rem;\n padding: 1rem;\n .invoice-details-content {\n display: flex;\n line-height: 1;\n text-align: ", ";\n > div:not(:last-of-type) {\n padding-right: 3rem;\n }\n .label {\n margin-bottom: 0;\n margin-bottom: 0.35rem;\n }\n }\n }\n &.vertical .invoice-details-content {\n .label {\n text-align: left;\n min-width: 8rem;\n }\n }\n }\n .description {\n white-space: pre-wrap;\n margin-top: ", "rem;\n }\n }\n }\n .note {\n position: absolute;\n margin-top: ", "rem;\n width: 48%;\n td p {\n text-align: left;\n margin-top: 0px;\n white-space: pre-wrap;\n }\n }\n\n .invoice-table {\n margin-top: 2.4rem;\n margin-bottom: 2.4rem;\n width: 100%;\n //table-layout: fixed;\n word-wrap: break-word;\n border-spacing: 0;\n th,\n td {\n line-height: 1.35;\n padding: 12px 8px;\n white-space: pre-line;\n //padding: 12px 16px;\n //padding: 12px 8px;\n /* padding: 8px 10px 8px 10px; */\n }\n td:first-of-type, th:last-of-type { padding-right: 16px;}\n td {\n //padding: 1rem;\n }\n td:last-of-type {\n white-space: nowrap;\n }\n thead tr {\n font-weight: 600;\n background: #f9fafa; //#F4F5F7\n color: black;\n letter-spacing: 0.03em;\n th {\n font-weight: 600;\n text-align: left;\n }\n th:nth-last-of-type(-n + 4) {\n text-align: right;\n }\n }\n col.line-description {\n //width: 50%;\n }\n col.line-vat-percentage {\n width: 4.5rem;\n }\n col.line-amount, col.line-quantity, col.line-price { {\n width: 6rem;\n }\n\n }\n .invoice-line {\n padding: 0.7em 0;\n // td {border-bottom: 1px solid #d8d8d8;}\n &:last-of-type td {\n // border-bottom: none;\n // border-bottom: 1px solid #DFE1E6;\n }\n td:nth-last-of-type(-n + 4) {\n text-align: right;\n }\n }\n\n .invoice-totals {\n border-collapse: separate;\n text-align: right;\n ::before {\n content: '';\n display: block;\n height: 4.5rem;\n }\n td {\n line-height: 1;\n white-space: nowrap;\n }\n tr {\n &:first-of-type td div {\n padding-top: 13px;\n }\n &:nth-last-of-type(2) td div {\n padding-bottom: 12px;\n }\n &:nth-last-of-type(1) td div{\n padding-top: 12px;\n font-size: 1.2em;\n }\n }\n tr {\n &:first-of-type td:nth-last-of-type(3) {\n border-top-left-radius: 0.3rem;\n }\n &:first-of-type td:last-of-type {\n border-top-right-radius: 0.3rem;\n }\n &:last-of-type td:nth-last-of-type(3) {\n border-bottom-left-radius: 0.3rem;\n }\n &:last-of-type td:last-of-type{\n border-bottom-right-radius: 0.3rem;\n }\n }\n td {\n padding: 0px 0px;\n div { padding: 8px 8px;}\n &:nth-last-of-type(1) {\n text-align: right;\n }\n }\n\n }\n .total-amount {\n color: black;\n font-weight: 700;\n td:not(:first-of-type) div {\n //border-top: 1px solid #dfe1e6;\n border-top: 1px solid rgba(44, 53, 77, 0.12);\n }\n\n }\n .subtotal-amount {\n td div{\n padding-top: 12px;\n }\n td:not(:first-of-type) div {\n border-top: 1px solid rgba(44, 53, 77, 0.12);\n }\n }\n\n * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n @media print {\n * {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n }\n "]);

@@ -364,0 +364,0 @@ _templateObject3 = function _templateObject3() {

2

package.json
{
"name": "@accountingbox/invoice-templates",
"version": "1.0.18",
"version": "1.0.19",
"description": "Invoice templates",

@@ -5,0 +5,0 @@ "author": "Thymo",

dist/index.js.map

Sorry, the diff of this file is not supported yet

dist/index.modern.js.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc