@frollo/frollo-web-ui 5.0.3 → 5.0.5
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.
- package/cjs/index.js +11300 -1047
- package/esm/es.date.to-string-1ffba857.js +23 -0
- package/esm/fw-accordion.js +1 -1
- package/esm/fw-animations.js +2 -2
- package/esm/fw-bar-chart.js +2 -2
- package/esm/{fw-button-b7a12ae1.js → fw-button-99dba2bc.js} +1 -1
- package/esm/fw-button.js +3 -3
- package/esm/fw-date-picker.js +10340 -0
- package/esm/fw-drawer.js +3 -3
- package/esm/{fw-dropdown-765dbbba.js → fw-dropdown-b476e015.js} +1 -1
- package/esm/fw-dropdown.js +2 -2
- package/esm/{fw-image-660d3e75.js → fw-image-ae643123.js} +1 -1
- package/esm/fw-image.js +2 -2
- package/esm/{fw-input-7d25de48.js → fw-input-fdc8fe1b.js} +1 -1
- package/esm/fw-input.js +2 -2
- package/esm/{fw-loading-spinner-3fda633e.js → fw-loading-spinner-cc1ca2fa.js} +1 -1
- package/esm/fw-modal.js +3 -3
- package/esm/fw-navigation-menu.js +3 -3
- package/esm/fw-provider-list.js +10 -9
- package/esm/fw-sidebar-menu.js +3 -3
- package/esm/{fw-table-row-d390fe77.js → fw-table-row-e8520a1d.js} +2 -2
- package/esm/fw-table.js +3 -3
- package/esm/{fw-tag-9ef5331a.js → fw-tag-a8a83c0a.js} +3 -3
- package/esm/fw-tag.js +5 -5
- package/esm/fw-toast.js +1 -1
- package/esm/fw-transactions-card.js +2 -2
- package/esm/get-root-colours-865a52ba.js +37 -0
- package/esm/{index-04d3cb23.js → index-0a63f2c3.js} +130 -102
- package/esm/{index-8c78a422.js → index-6423a6ab.js} +38 -33
- package/esm/{index-c15f5641.js → index-be5b4afa.js} +2 -6
- package/esm/index.js +64 -66
- package/frollo-web-ui.esm.js +11392 -1009
- package/icons/calendar-day.svg +3 -0
- package/icons/calendar.svg +3 -0
- package/icons/index.ts +5 -1
- package/index.d.ts +196 -4
- package/package.json +3 -1
- package/types/components/fw-date-picker/fw-date-picker.vue.d.ts +177 -0
- package/types/components/fw-date-picker/index.d.ts +2 -0
- package/types/components/fw-date-picker/index.types.d.ts +16 -0
- package/types/components/index.d.ts +1 -0
- package/types/components/index.types.d.ts +1 -0
- package/types/helpers/get-root-colours.d.ts +8 -0
- package/types/icons/index.d.ts +3 -1
- package/web-components/index.js +11542 -1155
- package/esm/get-root-colours-e2a1cb28.js +0 -21
package/esm/fw-drawer.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import './es.array.includes-a06445a5.js';
|
|
2
2
|
import { defineComponent, ref, computed, onMounted, resolveComponent, openBlock, createBlock, Transition, withCtx, createElementBlock, normalizeClass, createElementVNode, renderSlot, createCommentVNode, createVNode, createTextVNode, toDisplayString } from 'vue';
|
|
3
|
-
import { s as script$1 } from './fw-button-
|
|
3
|
+
import { s as script$1 } from './fw-button-99dba2bc.js';
|
|
4
4
|
import { u as uniqueId } from './uniqueId-fe08534a.js';
|
|
5
|
-
import { c as render$1 } from './index-
|
|
5
|
+
import { c as render$1 } from './index-0a63f2c3.js';
|
|
6
6
|
import { s as styleInject } from './style-inject.es-1f59c1d0.js';
|
|
7
7
|
import './is-forced-fc680e39.js';
|
|
8
8
|
import './export-8a363004.js';
|
|
9
9
|
import './add-to-unscopables-31609885.js';
|
|
10
10
|
import './object-create-bc771493.js';
|
|
11
11
|
import './object-keys-17f3b440.js';
|
|
12
|
-
import './fw-loading-spinner-
|
|
12
|
+
import './fw-loading-spinner-cc1ca2fa.js';
|
|
13
13
|
import './check-94a5917a.js';
|
|
14
14
|
|
|
15
15
|
var script = defineComponent({
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import './es.array.find-67b3b514.js';
|
|
2
2
|
import { defineComponent, toRef, ref, computed, onMounted, onBeforeUnmount, pushScopeId, popScopeId, resolveComponent, openBlock, createElementBlock, toDisplayString, createCommentVNode, createElementVNode, normalizeClass, createVNode, Transition, withCtx, Fragment, renderList } from 'vue';
|
|
3
3
|
import { u as useField } from './vee-validate.esm-a17a23c3.js';
|
|
4
|
-
import { b as render$1 } from './index-
|
|
4
|
+
import { b as render$1 } from './index-0a63f2c3.js';
|
|
5
5
|
import './es.function.name-6daefaeb.js';
|
|
6
6
|
import { s as styleInject } from './style-inject.es-1f59c1d0.js';
|
|
7
7
|
|
package/esm/fw-dropdown.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { s as FwDropdown } from './fw-dropdown-
|
|
1
|
+
export { s as FwDropdown } from './fw-dropdown-b476e015.js';
|
|
2
2
|
import './es.array.find-67b3b514.js';
|
|
3
3
|
import './is-forced-fc680e39.js';
|
|
4
4
|
import './classof-ee4b3b5b.js';
|
|
@@ -10,7 +10,7 @@ import './object-create-bc771493.js';
|
|
|
10
10
|
import './object-keys-17f3b440.js';
|
|
11
11
|
import 'vue';
|
|
12
12
|
import './vee-validate.esm-a17a23c3.js';
|
|
13
|
-
import './index-
|
|
13
|
+
import './index-0a63f2c3.js';
|
|
14
14
|
import './check-94a5917a.js';
|
|
15
15
|
import './es.function.name-6daefaeb.js';
|
|
16
16
|
import './style-inject.es-1f59c1d0.js';
|
|
@@ -9,7 +9,7 @@ import './es.array.find-67b3b514.js';
|
|
|
9
9
|
import './es.string.iterator-0992bb28.js';
|
|
10
10
|
import './web.timers-c5316125.js';
|
|
11
11
|
import { s as script$1 } from './fw-loading-bar-f5ca605c.js';
|
|
12
|
-
import { r as render$1 } from './index-
|
|
12
|
+
import { r as render$1 } from './index-0a63f2c3.js';
|
|
13
13
|
import { s as styleInject } from './style-inject.es-1f59c1d0.js';
|
|
14
14
|
|
|
15
15
|
var es_array_forEach = {};
|
package/esm/fw-image.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { s as FwImage } from './fw-image-
|
|
1
|
+
export { s as FwImage } from './fw-image-ae643123.js';
|
|
2
2
|
import './es.array.includes-a06445a5.js';
|
|
3
3
|
import './is-forced-fc680e39.js';
|
|
4
4
|
import './export-8a363004.js';
|
|
@@ -18,5 +18,5 @@ import './web.timers-c5316125.js';
|
|
|
18
18
|
import './function-apply-b908d7e6.js';
|
|
19
19
|
import './fw-loading-bar-f5ca605c.js';
|
|
20
20
|
import './style-inject.es-1f59c1d0.js';
|
|
21
|
-
import './index-
|
|
21
|
+
import './index-0a63f2c3.js';
|
|
22
22
|
import './check-94a5917a.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import './es.array.includes-a06445a5.js';
|
|
2
2
|
import './es.number.constructor-98bae04f.js';
|
|
3
3
|
import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, toDisplayString, createCommentVNode, renderSlot, mergeProps, createBlock, Transition, normalizeClass } from 'vue';
|
|
4
|
-
import { a as render$1 } from './index-
|
|
4
|
+
import { a as render$1 } from './index-0a63f2c3.js';
|
|
5
5
|
import { a as Field } from './vee-validate.esm-a17a23c3.js';
|
|
6
6
|
import { u as uniqueId } from './uniqueId-fe08534a.js';
|
|
7
7
|
import './es.function.name-6daefaeb.js';
|
package/esm/fw-input.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { s as FwInput } from './fw-input-
|
|
1
|
+
export { s as FwInput } from './fw-input-fdc8fe1b.js';
|
|
2
2
|
import './es.array.includes-a06445a5.js';
|
|
3
3
|
import './is-forced-fc680e39.js';
|
|
4
4
|
import './export-8a363004.js';
|
|
@@ -8,7 +8,7 @@ import './object-keys-17f3b440.js';
|
|
|
8
8
|
import './es.number.constructor-98bae04f.js';
|
|
9
9
|
import './classof-ee4b3b5b.js';
|
|
10
10
|
import 'vue';
|
|
11
|
-
import './index-
|
|
11
|
+
import './index-0a63f2c3.js';
|
|
12
12
|
import './check-94a5917a.js';
|
|
13
13
|
import './vee-validate.esm-a17a23c3.js';
|
|
14
14
|
import './uniqueId-fe08534a.js';
|
package/esm/fw-modal.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './es.array.includes-a06445a5.js';
|
|
2
2
|
import { defineComponent, ref, computed, onMounted, resolveComponent, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, createElementBlock, createElementVNode, renderSlot, createCommentVNode, createTextVNode, toDisplayString } from 'vue';
|
|
3
|
-
import { s as script$1 } from './fw-button-
|
|
3
|
+
import { s as script$1 } from './fw-button-99dba2bc.js';
|
|
4
4
|
import { u as uniqueId } from './uniqueId-fe08534a.js';
|
|
5
5
|
import { s as styleInject } from './style-inject.es-1f59c1d0.js';
|
|
6
6
|
import './is-forced-fc680e39.js';
|
|
@@ -8,8 +8,8 @@ import './export-8a363004.js';
|
|
|
8
8
|
import './add-to-unscopables-31609885.js';
|
|
9
9
|
import './object-create-bc771493.js';
|
|
10
10
|
import './object-keys-17f3b440.js';
|
|
11
|
-
import './fw-loading-spinner-
|
|
12
|
-
import './index-
|
|
11
|
+
import './fw-loading-spinner-cc1ca2fa.js';
|
|
12
|
+
import './index-0a63f2c3.js';
|
|
13
13
|
import './check-94a5917a.js';
|
|
14
14
|
|
|
15
15
|
var script = defineComponent({
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent, ref, createElementVNode, resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString, createVNode, Transition } from 'vue';
|
|
2
|
-
import { s as script$1 } from './fw-button-
|
|
2
|
+
import { s as script$1 } from './fw-button-99dba2bc.js';
|
|
3
3
|
import { s as styleInject } from './style-inject.es-1f59c1d0.js';
|
|
4
4
|
import './es.array.includes-a06445a5.js';
|
|
5
5
|
import './is-forced-fc680e39.js';
|
|
@@ -7,8 +7,8 @@ import './export-8a363004.js';
|
|
|
7
7
|
import './add-to-unscopables-31609885.js';
|
|
8
8
|
import './object-create-bc771493.js';
|
|
9
9
|
import './object-keys-17f3b440.js';
|
|
10
|
-
import './fw-loading-spinner-
|
|
11
|
-
import './index-
|
|
10
|
+
import './fw-loading-spinner-cc1ca2fa.js';
|
|
11
|
+
import './index-0a63f2c3.js';
|
|
12
12
|
import './check-94a5917a.js';
|
|
13
13
|
|
|
14
14
|
var script = defineComponent({
|
package/esm/fw-provider-list.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { s as FwProviderList } from './index-
|
|
1
|
+
export { s as FwProviderList } from './index-6423a6ab.js';
|
|
2
2
|
import './delete-property-or-throw-cd4c57d6.js';
|
|
3
3
|
import './is-forced-fc680e39.js';
|
|
4
4
|
import './export-8a363004.js';
|
|
@@ -13,24 +13,25 @@ import './object-create-bc771493.js';
|
|
|
13
13
|
import './es.array.includes-a06445a5.js';
|
|
14
14
|
import './es.string.includes-ade04f96.js';
|
|
15
15
|
import './es.number.constructor-98bae04f.js';
|
|
16
|
+
import './es.date.to-string-1ffba857.js';
|
|
16
17
|
import './es.array.map-ae6c9437.js';
|
|
17
18
|
import './es.function.name-6daefaeb.js';
|
|
18
19
|
import './es.array.concat-fe990345.js';
|
|
19
20
|
import './does-not-exceed-safe-integer-8e0042ec.js';
|
|
20
21
|
import './create-property-c70ecc08.js';
|
|
21
|
-
import './fw-table-row-
|
|
22
|
+
import './fw-table-row-e8520a1d.js';
|
|
22
23
|
import './array-method-is-strict-fc2e0d8d.js';
|
|
23
|
-
import './index-
|
|
24
|
+
import './index-0a63f2c3.js';
|
|
24
25
|
import 'vue';
|
|
25
26
|
import './check-94a5917a.js';
|
|
26
|
-
import './get-root-colours-
|
|
27
|
+
import './get-root-colours-865a52ba.js';
|
|
27
28
|
import './fw-loading-bar-f5ca605c.js';
|
|
28
29
|
import './style-inject.es-1f59c1d0.js';
|
|
29
|
-
import './fw-input-
|
|
30
|
+
import './fw-input-fdc8fe1b.js';
|
|
30
31
|
import './vee-validate.esm-a17a23c3.js';
|
|
31
32
|
import './uniqueId-fe08534a.js';
|
|
32
|
-
import './fw-tag-
|
|
33
|
+
import './fw-tag-a8a83c0a.js';
|
|
33
34
|
import './fw-button.js';
|
|
34
|
-
import './fw-button-
|
|
35
|
-
import './fw-loading-spinner-
|
|
36
|
-
import './fw-dropdown-
|
|
35
|
+
import './fw-button-99dba2bc.js';
|
|
36
|
+
import './fw-loading-spinner-cc1ca2fa.js';
|
|
37
|
+
import './fw-dropdown-b476e015.js';
|
package/esm/fw-sidebar-menu.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent, ref, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, Transition, renderSlot, createCommentVNode, createElementVNode, Fragment, renderList, createBlock, createTextVNode, toDisplayString } from 'vue';
|
|
2
|
-
import { s as script$1 } from './fw-button-
|
|
3
|
-
import { h as render$1 } from './index-
|
|
2
|
+
import { s as script$1 } from './fw-button-99dba2bc.js';
|
|
3
|
+
import { h as render$1 } from './index-0a63f2c3.js';
|
|
4
4
|
import { s as styleInject } from './style-inject.es-1f59c1d0.js';
|
|
5
5
|
import './es.array.includes-a06445a5.js';
|
|
6
6
|
import './is-forced-fc680e39.js';
|
|
@@ -8,7 +8,7 @@ import './export-8a363004.js';
|
|
|
8
8
|
import './add-to-unscopables-31609885.js';
|
|
9
9
|
import './object-create-bc771493.js';
|
|
10
10
|
import './object-keys-17f3b440.js';
|
|
11
|
-
import './fw-loading-spinner-
|
|
11
|
+
import './fw-loading-spinner-cc1ca2fa.js';
|
|
12
12
|
import './check-94a5917a.js';
|
|
13
13
|
|
|
14
14
|
var script = defineComponent({
|
|
@@ -4,9 +4,9 @@ import { i as toAbsoluteIndex$1, l as lengthOfArrayLike$2, j as engineUserAgent,
|
|
|
4
4
|
import { _ as _export } from './export-8a363004.js';
|
|
5
5
|
import { c as createProperty$1 } from './create-property-c70ecc08.js';
|
|
6
6
|
import { a as arrayMethodIsStrict$1 } from './array-method-is-strict-fc2e0d8d.js';
|
|
7
|
-
import { d as render$3, e as render$4 } from './index-
|
|
7
|
+
import { d as render$3, e as render$4 } from './index-0a63f2c3.js';
|
|
8
8
|
import { defineComponent, computed, ref, onMounted, useCssVars, pushScopeId, popScopeId, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createCommentVNode, Fragment, renderList, withKeys, toDisplayString, createBlock, createVNode } from 'vue';
|
|
9
|
-
import { u as useColours } from './get-root-colours-
|
|
9
|
+
import { u as useColours } from './get-root-colours-865a52ba.js';
|
|
10
10
|
import { s as script$2 } from './fw-loading-bar-f5ca605c.js';
|
|
11
11
|
import { s as styleInject } from './style-inject.es-1f59c1d0.js';
|
|
12
12
|
|
package/esm/fw-table.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { _ as FwTable, s as FwTableHead, a as FwTableRow } from './fw-table-row-
|
|
1
|
+
export { _ as FwTable, s as FwTableHead, a as FwTableRow } from './fw-table-row-e8520a1d.js';
|
|
2
2
|
import './es.number.constructor-98bae04f.js';
|
|
3
3
|
import './is-forced-fc680e39.js';
|
|
4
4
|
import './classof-ee4b3b5b.js';
|
|
@@ -7,9 +7,9 @@ import './export-8a363004.js';
|
|
|
7
7
|
import './object-keys-17f3b440.js';
|
|
8
8
|
import './create-property-c70ecc08.js';
|
|
9
9
|
import './array-method-is-strict-fc2e0d8d.js';
|
|
10
|
-
import './index-
|
|
10
|
+
import './index-0a63f2c3.js';
|
|
11
11
|
import 'vue';
|
|
12
12
|
import './check-94a5917a.js';
|
|
13
|
-
import './get-root-colours-
|
|
13
|
+
import './get-root-colours-865a52ba.js';
|
|
14
14
|
import './fw-loading-bar-f5ca605c.js';
|
|
15
15
|
import './style-inject.es-1f59c1d0.js';
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import './es.array.includes-a06445a5.js';
|
|
2
2
|
import { defineComponent, ref, computed, useCssVars, resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, withCtx, createVNode, createCommentVNode } from 'vue';
|
|
3
3
|
import './fw-button.js';
|
|
4
|
-
import { c as render$1 } from './index-
|
|
5
|
-
import { u as useColours } from './get-root-colours-
|
|
6
|
-
import { s as script } from './fw-button-
|
|
4
|
+
import { c as render$1 } from './index-0a63f2c3.js';
|
|
5
|
+
import { u as useColours } from './get-root-colours-865a52ba.js';
|
|
6
|
+
import { s as script } from './fw-button-99dba2bc.js';
|
|
7
7
|
import { s as styleInject } from './style-inject.es-1f59c1d0.js';
|
|
8
8
|
|
|
9
9
|
var __default__ = defineComponent({
|
package/esm/fw-tag.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { _ as FwTag } from './fw-tag-
|
|
1
|
+
export { _ as FwTag } from './fw-tag-a8a83c0a.js';
|
|
2
2
|
import './es.array.includes-a06445a5.js';
|
|
3
3
|
import './is-forced-fc680e39.js';
|
|
4
4
|
import './export-8a363004.js';
|
|
@@ -7,9 +7,9 @@ import './object-create-bc771493.js';
|
|
|
7
7
|
import './object-keys-17f3b440.js';
|
|
8
8
|
import 'vue';
|
|
9
9
|
import './fw-button.js';
|
|
10
|
-
import './fw-button-
|
|
11
|
-
import './fw-loading-spinner-
|
|
12
|
-
import './index-
|
|
10
|
+
import './fw-button-99dba2bc.js';
|
|
11
|
+
import './fw-loading-spinner-cc1ca2fa.js';
|
|
12
|
+
import './index-0a63f2c3.js';
|
|
13
13
|
import './check-94a5917a.js';
|
|
14
14
|
import './style-inject.es-1f59c1d0.js';
|
|
15
|
-
import './get-root-colours-
|
|
15
|
+
import './get-root-colours-865a52ba.js';
|
package/esm/fw-toast.js
CHANGED
|
@@ -5,7 +5,7 @@ import './es.array.concat-fe990345.js';
|
|
|
5
5
|
import './web.timers-c5316125.js';
|
|
6
6
|
import { defineComponent, ref, computed, onMounted, watchEffect, openBlock, createElementBlock, Fragment, createBlock, Teleport, createVNode, TransitionGroup, createCommentVNode, Transition, withCtx, normalizeClass, createElementVNode, resolveDynamicComponent, renderSlot } from 'vue';
|
|
7
7
|
import { u as uniqueId } from './uniqueId-fe08534a.js';
|
|
8
|
-
import { f as render$1, g as render$2, a as render$3 } from './index-
|
|
8
|
+
import { f as render$1, g as render$2, a as render$3 } from './index-0a63f2c3.js';
|
|
9
9
|
import { s as styleInject } from './style-inject.es-1f59c1d0.js';
|
|
10
10
|
import './is-forced-fc680e39.js';
|
|
11
11
|
import './export-8a363004.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent, createElementVNode, resolveComponent, openBlock, createBlock, withCtx, createCommentVNode, toDisplayString, createElementBlock } from 'vue';
|
|
2
2
|
import { s as script$1 } from './fw-card-1b6a67fe.js';
|
|
3
|
-
import { s as script$2 } from './fw-image-
|
|
3
|
+
import { s as script$2 } from './fw-image-ae643123.js';
|
|
4
4
|
import './es.array.includes-a06445a5.js';
|
|
5
5
|
import './is-forced-fc680e39.js';
|
|
6
6
|
import './export-8a363004.js';
|
|
@@ -19,7 +19,7 @@ import './web.timers-c5316125.js';
|
|
|
19
19
|
import './function-apply-b908d7e6.js';
|
|
20
20
|
import './fw-loading-bar-f5ca605c.js';
|
|
21
21
|
import './style-inject.es-1f59c1d0.js';
|
|
22
|
-
import './index-
|
|
22
|
+
import './index-0a63f2c3.js';
|
|
23
23
|
import './check-94a5917a.js';
|
|
24
24
|
|
|
25
25
|
var script = defineComponent({
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
var useColours = function useColours() {
|
|
2
|
+
var style = getComputedStyle(document.body);
|
|
3
|
+
var colorPrimary = style.getPropertyValue('--colorPrimary');
|
|
4
|
+
var colorSecondary = style.getPropertyValue('--colorSecondary');
|
|
5
|
+
var colorTertiary = style.getPropertyValue('--colorTertiary');
|
|
6
|
+
var fontFamily = style.getPropertyValue('--fontFamily');
|
|
7
|
+
var colorBody = style.getPropertyValue('--colorBody');
|
|
8
|
+
var primaryFade5 = "".concat(colorPrimary, "0d"); // Adds 5% transparency
|
|
9
|
+
var primaryFade10 = "".concat(colorPrimary, "1a"); // Adds 10% transparency
|
|
10
|
+
var primaryFade20 = "".concat(colorPrimary, "33"); // Adds 20% transparency
|
|
11
|
+
var primaryFade30 = "".concat(colorPrimary, "4d"); // Adds 30% transparency
|
|
12
|
+
var primaryFade40 = "".concat(colorPrimary, "66"); // Adds 40% transparency
|
|
13
|
+
var primaryFade50 = "".concat(colorPrimary, "80"); // Adds 50% transparency
|
|
14
|
+
var primaryFade60 = "".concat(colorPrimary, "99"); // Adds 60% transparency
|
|
15
|
+
var primaryFade70 = "".concat(colorPrimary, "b3"); // Adds 70% transparency
|
|
16
|
+
var primaryFade80 = "".concat(colorPrimary, "cc"); // Adds 80% transparency
|
|
17
|
+
var primaryFade90 = "".concat(colorPrimary, "e6"); // Adds 90% transparency
|
|
18
|
+
return {
|
|
19
|
+
colorPrimary: colorPrimary,
|
|
20
|
+
colorSecondary: colorSecondary,
|
|
21
|
+
colorTertiary: colorTertiary,
|
|
22
|
+
fontFamily: fontFamily,
|
|
23
|
+
colorBody: colorBody,
|
|
24
|
+
primaryFade5: primaryFade5,
|
|
25
|
+
primaryFade10: primaryFade10,
|
|
26
|
+
primaryFade20: primaryFade20,
|
|
27
|
+
primaryFade30: primaryFade30,
|
|
28
|
+
primaryFade40: primaryFade40,
|
|
29
|
+
primaryFade50: primaryFade50,
|
|
30
|
+
primaryFade60: primaryFade60,
|
|
31
|
+
primaryFade70: primaryFade70,
|
|
32
|
+
primaryFade80: primaryFade80,
|
|
33
|
+
primaryFade90: primaryFade90
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
|
|
37
|
+
export { useColours as u };
|