@breadstone/mosaik-elements-foundation 0.1.7 → 0.1.9
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/Controls/Components/Inputs/Scheduler/views/Themes/SchedulerAgendaViewElement.Joy.js +1 -1
- package/Controls/Components/Inputs/Scheduler/views/Themes/SchedulerMonthViewElement.Joy.js +1 -1
- package/Controls/Components/Inputs/Scheduler/views/Themes/SchedulerTimeGridViewElement.Joy.js +1 -1
- package/Controls/Components/Layouts/FlowBoard/FlowBoardColumnElement.d.ts +15 -4
- package/Controls/Components/Layouts/FlowBoard/FlowBoardColumnElement.d.ts.map +1 -1
- package/Controls/Components/Layouts/FlowBoard/FlowBoardColumnElement.js +15 -4
- package/Controls/Components/Layouts/FlowBoard/FlowBoardColumnElement.js.map +1 -1
- package/Controls/Components/Layouts/FlowBoard/Themes/FlowBoardColumnElement.Cosmopolitan.d.ts.map +1 -1
- package/Controls/Components/Layouts/FlowBoard/Themes/FlowBoardColumnElement.Cosmopolitan.js +30 -3
- package/Controls/Components/Layouts/FlowBoard/Themes/FlowBoardColumnElement.Cosmopolitan.js.map +1 -1
- package/Controls/Components/Layouts/FlowBoard/Themes/FlowBoardColumnElement.Joy.d.ts.map +1 -1
- package/Controls/Components/Layouts/FlowBoard/Themes/FlowBoardColumnElement.Joy.js +32 -9
- package/Controls/Components/Layouts/FlowBoard/Themes/FlowBoardColumnElement.Joy.js.map +1 -1
- package/Controls/Components/Layouts/FlowBoard/Themes/FlowBoardColumnElement.Memphis.d.ts.map +1 -1
- package/Controls/Components/Layouts/FlowBoard/Themes/FlowBoardColumnElement.Memphis.js +30 -3
- package/Controls/Components/Layouts/FlowBoard/Themes/FlowBoardColumnElement.Memphis.js.map +1 -1
- package/Controls/Components/Primitives/Clickable/ClickableElement.d.ts +6 -0
- package/Controls/Components/Primitives/Clickable/ClickableElement.d.ts.map +1 -1
- package/Controls/Components/Primitives/Clickable/ClickableElement.js +6 -0
- package/Controls/Components/Primitives/Clickable/ClickableElement.js.map +1 -1
- package/Controls/Components/Primitives/Clickable/Themes/ClickableElement.Joy.d.ts.map +1 -1
- package/Controls/Components/Primitives/Clickable/Themes/ClickableElement.Joy.js +7 -1
- package/Controls/Components/Primitives/Clickable/Themes/ClickableElement.Joy.js.map +1 -1
- package/Routing/PathToRegexp.d.ts +1 -1
- package/custom-elements.json +96 -11
- package/package.json +3 -3
|
@@ -16,7 +16,7 @@ export function schedulerAgendaViewElementJoyStyle() {
|
|
|
16
16
|
--scheduler-agenda-view-background-color: var(--joy-scheme-background);
|
|
17
17
|
--scheduler-agenda-view-border-color: var(--joy-scheme-highlight);
|
|
18
18
|
--scheduler-agenda-view-border-radius: var(--joy-layout-radius);
|
|
19
|
-
--scheduler-agenda-view-border-style:
|
|
19
|
+
--scheduler-agenda-view-border-style: none;
|
|
20
20
|
--scheduler-agenda-view-border-width: var(--joy-layout-thickness);
|
|
21
21
|
--scheduler-agenda-view-day-header-font-size: var(--joy-typography-headline6-font-size);
|
|
22
22
|
--scheduler-agenda-view-day-header-font-weight: var(--joy-typography-headline6-font-weight);
|
|
@@ -16,7 +16,7 @@ export function schedulerMonthViewElementJoyStyle() {
|
|
|
16
16
|
--scheduler-month-view-background-color: var(--joy-scheme-background);
|
|
17
17
|
--scheduler-month-view-border-color: var(--joy-scheme-highlight);
|
|
18
18
|
--scheduler-month-view-border-radius: var(--joy-layout-radius);
|
|
19
|
-
--scheduler-month-view-border-style:
|
|
19
|
+
--scheduler-month-view-border-style: none;
|
|
20
20
|
--scheduler-month-view-border-width: var(--joy-layout-thickness);
|
|
21
21
|
--scheduler-month-view-cell-min-height: 100px;
|
|
22
22
|
--scheduler-month-view-day-number-font-size: var(--joy-typography-body2-font-size);
|
package/Controls/Components/Inputs/Scheduler/views/Themes/SchedulerTimeGridViewElement.Joy.js
CHANGED
|
@@ -16,7 +16,7 @@ export function schedulerTimeGridViewElementJoyStyle() {
|
|
|
16
16
|
--scheduler-time-grid-view-background-color: var(--joy-scheme-background);
|
|
17
17
|
--scheduler-time-grid-view-border-color: var(--joy-scheme-highlight);
|
|
18
18
|
--scheduler-time-grid-view-border-radius: var(--joy-layout-radius);
|
|
19
|
-
--scheduler-time-grid-view-border-style:
|
|
19
|
+
--scheduler-time-grid-view-border-style: none;
|
|
20
20
|
--scheduler-time-grid-view-border-width: var(--joy-layout-thickness);
|
|
21
21
|
--scheduler-time-grid-view-cell-border-color: var(--joy-scheme-highlight);
|
|
22
22
|
--scheduler-time-grid-view-cell-border-radius: var(--joy-layout-radius);
|
|
@@ -30,8 +30,14 @@ declare const FlowBoardColumnElement_base: (abstract new (...args: Array<any>) =
|
|
|
30
30
|
* @csspart title - The title wrapper
|
|
31
31
|
*
|
|
32
32
|
* @cssprop {Color} --flow-board-column-background-color - Background color of the column
|
|
33
|
-
* @cssprop {String} --flow-board-column-body-padding - The board column body padding CSS custom property.
|
|
33
|
+
* @cssprop {String} --flow-board-column-body-padding-bottom - The board column body padding bottom CSS custom property.
|
|
34
|
+
* @cssprop {String} --flow-board-column-body-padding-left - The board column body padding left CSS custom property.
|
|
35
|
+
* @cssprop {String} --flow-board-column-body-padding-right - The board column body padding right CSS custom property.
|
|
36
|
+
* @cssprop {String} --flow-board-column-body-padding-top - The board column body padding top CSS custom property.
|
|
37
|
+
* @cssprop {String} --flow-board-column-border-color - The board column border color CSS custom property.
|
|
34
38
|
* @cssprop {String} --flow-board-column-border-radius - Border radius of the column
|
|
39
|
+
* @cssprop {String} --flow-board-column-border-style - The board column border style CSS custom property.
|
|
40
|
+
* @cssprop {String} --flow-board-column-border-width - The board column border width CSS custom property.
|
|
35
41
|
* @cssprop {String} --flow-board-column-font-family - The board column font family CSS custom property.
|
|
36
42
|
* @cssprop {String} --flow-board-column-font-letter-spacing - The board column font letter spacing CSS custom property.
|
|
37
43
|
* @cssprop {String} --flow-board-column-font-line-height - The board column font line height CSS custom property.
|
|
@@ -39,13 +45,18 @@ declare const FlowBoardColumnElement_base: (abstract new (...args: Array<any>) =
|
|
|
39
45
|
* @cssprop {String} --flow-board-column-font-text-decoration - The board column font text decoration CSS custom property.
|
|
40
46
|
* @cssprop {String} --flow-board-column-font-text-transform - The board column font text transform CSS custom property.
|
|
41
47
|
* @cssprop {String} --flow-board-column-font-weight - The board column font weight CSS custom property.
|
|
42
|
-
* @cssprop {String} --flow-board-column-footer-padding - The board column footer padding CSS custom property.
|
|
48
|
+
* @cssprop {String} --flow-board-column-footer-padding-bottom - The board column footer padding bottom CSS custom property.
|
|
49
|
+
* @cssprop {String} --flow-board-column-footer-padding-left - The board column footer padding left CSS custom property.
|
|
50
|
+
* @cssprop {String} --flow-board-column-footer-padding-right - The board column footer padding right CSS custom property.
|
|
51
|
+
* @cssprop {String} --flow-board-column-footer-padding-top - The board column footer padding top CSS custom property.
|
|
43
52
|
* @cssprop {String} --flow-board-column-gap - Gap between items
|
|
44
53
|
* @cssprop {String} --flow-board-column-header-background-color - The board column header background color CSS custom property.
|
|
45
|
-
* @cssprop {String} --flow-board-column-header-padding - The board column header padding CSS custom property.
|
|
54
|
+
* @cssprop {String} --flow-board-column-header-padding-bottom - The board column header padding bottom CSS custom property.
|
|
55
|
+
* @cssprop {String} --flow-board-column-header-padding-left - The board column header padding left CSS custom property.
|
|
56
|
+
* @cssprop {String} --flow-board-column-header-padding-right - The board column header padding right CSS custom property.
|
|
57
|
+
* @cssprop {String} --flow-board-column-header-padding-top - The board column header padding top CSS custom property.
|
|
46
58
|
* @cssprop {String} --flow-board-column-max-width - Maximum width of the column
|
|
47
59
|
* @cssprop {String} --flow-board-column-min-width - Minimum width of the column
|
|
48
|
-
* @cssprop {String} --flow-board-column-padding - Internal padding
|
|
49
60
|
* @cssprop {String} --flow-board-column-padding-bottom - The board column padding bottom CSS custom property.
|
|
50
61
|
* @cssprop {String} --flow-board-column-padding-left - The board column padding left CSS custom property.
|
|
51
62
|
* @cssprop {String} --flow-board-column-padding-right - The board column padding right CSS custom property.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FlowBoardColumnElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/FlowBoard/FlowBoardColumnElement.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAYjE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9D,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAE1E,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;;AAO9E
|
|
1
|
+
{"version":3,"file":"FlowBoardColumnElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/FlowBoard/FlowBoardColumnElement.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAYjE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9D,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAE1E,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;;AAO9E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuFG;AACH,qBAaa,sBACT,SAAQ,2BACR,YAAW,4BAA4B;IAIvC,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,YAAY,CAAU;IAC9B,OAAO,CAAC,OAAO,CAAU;IACzB,OAAO,CAAC,SAAS,CAAU;IAC3B,OAAO,CAAC,QAAQ,CAAC,+BAA+B,CAA4D;IAC5G,OAAO,CAAC,QAAQ,CAAC,yBAAyB,CAAsD;IAChG,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAqD;IAClF,OAAO,CAAC,QAAQ,CAAC,SAAS,CAA2D;IACrF,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAiB;IAC3C,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAqB;IAMnD;;;;OAIG;;IAgCH;;;;;;OAMG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;;OAMG;IACH,IAGW,SAAS,IAAI,MAAM,CAE7B;IAED,IAAW,SAAS,CAAC,KAAK,EAAE,MAAM,EAMjC;IAED;;;;;;OAMG;IACH,IACW,WAAW,IAAI,OAAO,CAEhC;IAED,IAAW,WAAW,CAAC,KAAK,EAAE,OAAO,EAKpC;IAED;;;;;;OAMG;IACH,IACW,MAAM,IAAI,OAAO,CAE3B;IAED,IAAW,MAAM,CAAC,KAAK,EAAE,OAAO,EAK/B;IAED;;;;;OAKG;IACH,IAAW,QAAQ,IAAI,OAAO,CAE7B;IAED;;;;;OAKG;IACH,IAAW,aAAa,IAAI,OAAO,CAElC;IAED;;;;;;OAMG;IACH,IAAW,OAAO,IAAI,OAAO,CAE5B;IAMD;;;OAGG;IACa,iBAAiB,IAAI,IAAI;IAgBzC;;;;;OAKG;IACI,QAAQ,IAAI,KAAK,CAAC,0BAA0B,CAAC;IASpD;;;;;OAKG;IACI,UAAU,IAAI,OAAO,GAAG,IAAI;IAInC;;;;;OAKG;IACI,cAAc,IAAI,WAAW,GAAG,IAAI;IAI3C;;;;;OAKG;IACI,gBAAgB,IAAI,IAAI;IAS/B;;;;;OAKG;IACI,cAAc,IAAI,KAAK,CAAC,0BAA0B,CAAC;IAI1D;;;;;OAKG;IACI,iBAAiB,IAAI,KAAK,CAAC,0BAA0B,CAAC;IAI7D;;;;;OAKG;IACI,SAAS,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;IAwCvC,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI;IAS/D,OAAO,CAAC,cAAc;CAazB;AAED;;GAEG;AACH,yBAAiB,sBAAsB,CAAC;IACpC,KAAY,KAAK,GAAG,4BAA4B,CAAC;CACpD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,0BAA0B,EAAE,sBAAsB,CAAC;KACtD;CACJ"}
|
|
@@ -58,8 +58,14 @@ import { flowBoardColumnElementMemphisStyle } from './Themes/FlowBoardColumnElem
|
|
|
58
58
|
* @csspart title - The title wrapper
|
|
59
59
|
*
|
|
60
60
|
* @cssprop {Color} --flow-board-column-background-color - Background color of the column
|
|
61
|
-
* @cssprop {String} --flow-board-column-body-padding - The board column body padding CSS custom property.
|
|
61
|
+
* @cssprop {String} --flow-board-column-body-padding-bottom - The board column body padding bottom CSS custom property.
|
|
62
|
+
* @cssprop {String} --flow-board-column-body-padding-left - The board column body padding left CSS custom property.
|
|
63
|
+
* @cssprop {String} --flow-board-column-body-padding-right - The board column body padding right CSS custom property.
|
|
64
|
+
* @cssprop {String} --flow-board-column-body-padding-top - The board column body padding top CSS custom property.
|
|
65
|
+
* @cssprop {String} --flow-board-column-border-color - The board column border color CSS custom property.
|
|
62
66
|
* @cssprop {String} --flow-board-column-border-radius - Border radius of the column
|
|
67
|
+
* @cssprop {String} --flow-board-column-border-style - The board column border style CSS custom property.
|
|
68
|
+
* @cssprop {String} --flow-board-column-border-width - The board column border width CSS custom property.
|
|
63
69
|
* @cssprop {String} --flow-board-column-font-family - The board column font family CSS custom property.
|
|
64
70
|
* @cssprop {String} --flow-board-column-font-letter-spacing - The board column font letter spacing CSS custom property.
|
|
65
71
|
* @cssprop {String} --flow-board-column-font-line-height - The board column font line height CSS custom property.
|
|
@@ -67,13 +73,18 @@ import { flowBoardColumnElementMemphisStyle } from './Themes/FlowBoardColumnElem
|
|
|
67
73
|
* @cssprop {String} --flow-board-column-font-text-decoration - The board column font text decoration CSS custom property.
|
|
68
74
|
* @cssprop {String} --flow-board-column-font-text-transform - The board column font text transform CSS custom property.
|
|
69
75
|
* @cssprop {String} --flow-board-column-font-weight - The board column font weight CSS custom property.
|
|
70
|
-
* @cssprop {String} --flow-board-column-footer-padding - The board column footer padding CSS custom property.
|
|
76
|
+
* @cssprop {String} --flow-board-column-footer-padding-bottom - The board column footer padding bottom CSS custom property.
|
|
77
|
+
* @cssprop {String} --flow-board-column-footer-padding-left - The board column footer padding left CSS custom property.
|
|
78
|
+
* @cssprop {String} --flow-board-column-footer-padding-right - The board column footer padding right CSS custom property.
|
|
79
|
+
* @cssprop {String} --flow-board-column-footer-padding-top - The board column footer padding top CSS custom property.
|
|
71
80
|
* @cssprop {String} --flow-board-column-gap - Gap between items
|
|
72
81
|
* @cssprop {String} --flow-board-column-header-background-color - The board column header background color CSS custom property.
|
|
73
|
-
* @cssprop {String} --flow-board-column-header-padding - The board column header padding CSS custom property.
|
|
82
|
+
* @cssprop {String} --flow-board-column-header-padding-bottom - The board column header padding bottom CSS custom property.
|
|
83
|
+
* @cssprop {String} --flow-board-column-header-padding-left - The board column header padding left CSS custom property.
|
|
84
|
+
* @cssprop {String} --flow-board-column-header-padding-right - The board column header padding right CSS custom property.
|
|
85
|
+
* @cssprop {String} --flow-board-column-header-padding-top - The board column header padding top CSS custom property.
|
|
74
86
|
* @cssprop {String} --flow-board-column-max-width - Maximum width of the column
|
|
75
87
|
* @cssprop {String} --flow-board-column-min-width - Minimum width of the column
|
|
76
|
-
* @cssprop {String} --flow-board-column-padding - Internal padding
|
|
77
88
|
* @cssprop {String} --flow-board-column-padding-bottom - The board column padding bottom CSS custom property.
|
|
78
89
|
* @cssprop {String} --flow-board-column-padding-left - The board column padding left CSS custom property.
|
|
79
90
|
* @cssprop {String} --flow-board-column-padding-right - The board column padding right CSS custom property.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FlowBoardColumnElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/FlowBoard/FlowBoardColumnElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;;AAElB,OAAO,EAAE,uBAAuB,EAAiB,MAAM,6BAA6B,CAAC;AAErF,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,gCAAgC,EAAiC,MAAM,oDAAoD,CAAC;AACrI,OAAO,EAAE,gCAAgC,EAAiC,MAAM,oDAAoD,CAAC;AACrI,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAE3D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,qCAAqC,EAAkC,MAAM,qCAAqC,CAAC;AAC5H,OAAO,EAAE,kCAAkC,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,8BAA8B,EAA4B,MAAM,+BAA+B,CAAC;AACzG,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,uCAAuC,EAAE,MAAM,8CAA8C,CAAC;AACvG,OAAO,EAAE,8BAA8B,EAAE,MAAM,qCAAqC,CAAC;AACrF,OAAO,EAAE,kCAAkC,EAAE,MAAM,yCAAyC,CAAC;AAE7F,aAAa;AAEb
|
|
1
|
+
{"version":3,"file":"FlowBoardColumnElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/FlowBoard/FlowBoardColumnElement.ts"],"names":[],"mappings":"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"}
|
package/Controls/Components/Layouts/FlowBoard/Themes/FlowBoardColumnElement.Cosmopolitan.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FlowBoardColumnElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/FlowBoard/Themes/FlowBoardColumnElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,uCAAuC,IAAI,SAAS,
|
|
1
|
+
{"version":3,"file":"FlowBoardColumnElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/FlowBoard/Themes/FlowBoardColumnElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,uCAAuC,IAAI,SAAS,CA4LnE"}
|
|
@@ -15,7 +15,14 @@ export function flowBoardColumnElementCosmopolitanStyle() {
|
|
|
15
15
|
:host {
|
|
16
16
|
--flow-board-column-background-color: var(--cosmopolitan-scheme-surface);
|
|
17
17
|
--flow-board-column-body-padding: 8px;
|
|
18
|
+
--flow-board-column-body-padding-bottom: unset;
|
|
19
|
+
--flow-board-column-body-padding-left: unset;
|
|
20
|
+
--flow-board-column-body-padding-right: unset;
|
|
21
|
+
--flow-board-column-body-padding-top: unset;
|
|
22
|
+
--flow-board-column-border-color: unset;
|
|
18
23
|
--flow-board-column-border-radius: var(--cosmopolitan-layout-radius);
|
|
24
|
+
--flow-board-column-border-style: solid;
|
|
25
|
+
--flow-board-column-border-width: unset;
|
|
19
26
|
--flow-board-column-font-family: unset;
|
|
20
27
|
--flow-board-column-font-letter-spacing: unset;
|
|
21
28
|
--flow-board-column-font-line-height: unset;
|
|
@@ -24,9 +31,17 @@ export function flowBoardColumnElementCosmopolitanStyle() {
|
|
|
24
31
|
--flow-board-column-font-text-transform: unset;
|
|
25
32
|
--flow-board-column-font-weight: unset;
|
|
26
33
|
--flow-board-column-footer-padding: 8px 12px;
|
|
34
|
+
--flow-board-column-footer-padding-bottom: unset;
|
|
35
|
+
--flow-board-column-footer-padding-left: unset;
|
|
36
|
+
--flow-board-column-footer-padding-right: unset;
|
|
37
|
+
--flow-board-column-footer-padding-top: unset;
|
|
27
38
|
--flow-board-column-gap: var(--cosmopolitan-layout-gap);
|
|
28
39
|
--flow-board-column-header-background-color: transparent;
|
|
29
40
|
--flow-board-column-header-padding: 8px 12px;
|
|
41
|
+
--flow-board-column-header-padding-bottom: unset;
|
|
42
|
+
--flow-board-column-header-padding-left: unset;
|
|
43
|
+
--flow-board-column-header-padding-right: unset;
|
|
44
|
+
--flow-board-column-header-padding-top: unset;
|
|
30
45
|
--flow-board-column-max-width: 320px;
|
|
31
46
|
--flow-board-column-min-width: 280px;
|
|
32
47
|
--flow-board-column-padding: var(--cosmopolitan-layout-padding);
|
|
@@ -78,13 +93,19 @@ export function flowBoardColumnElementCosmopolitanStyle() {
|
|
|
78
93
|
width: var(--flow-board-column-min-width);
|
|
79
94
|
background: var(--flow-board-column-background-color);
|
|
80
95
|
border-radius: var(--flow-board-column-border-radius);
|
|
96
|
+
border-color: var(--flow-board-column-border-color);
|
|
97
|
+
border-width: var(--flow-board-column-border-width);
|
|
98
|
+
border-style: var(--flow-board-column-border-style);
|
|
81
99
|
flex-direction: column;
|
|
82
100
|
flex-shrink: 0;
|
|
83
101
|
display: flex;
|
|
84
102
|
}
|
|
85
103
|
|
|
86
104
|
:host [part~="header"] {
|
|
87
|
-
padding: var(--flow-board-column-header-padding);
|
|
105
|
+
padding-top: var(--flow-board-column-header-padding-top);
|
|
106
|
+
padding-right: var(--flow-board-column-header-padding-right);
|
|
107
|
+
padding-bottom: var(--flow-board-column-header-padding-bottom);
|
|
108
|
+
padding-left: var(--flow-board-column-header-padding-left);
|
|
88
109
|
background: var(--flow-board-column-header-background-color);
|
|
89
110
|
flex-direction: row;
|
|
90
111
|
flex-shrink: 0;
|
|
@@ -124,7 +145,10 @@ export function flowBoardColumnElementCosmopolitanStyle() {
|
|
|
124
145
|
|
|
125
146
|
:host [part~="body"] {
|
|
126
147
|
gap: var(--flow-board-column-gap);
|
|
127
|
-
padding: var(--flow-board-column-body-padding);
|
|
148
|
+
padding-top: var(--flow-board-column-body-padding-top);
|
|
149
|
+
padding-right: var(--flow-board-column-body-padding-right);
|
|
150
|
+
padding-bottom: var(--flow-board-column-body-padding-bottom);
|
|
151
|
+
padding-left: var(--flow-board-column-body-padding-left);
|
|
128
152
|
flex-direction: column;
|
|
129
153
|
flex: 1;
|
|
130
154
|
min-height: 0;
|
|
@@ -142,7 +166,10 @@ export function flowBoardColumnElementCosmopolitanStyle() {
|
|
|
142
166
|
}
|
|
143
167
|
|
|
144
168
|
:host [part~="footer"] {
|
|
145
|
-
padding: var(--flow-board-column-footer-padding);
|
|
169
|
+
padding-top: var(--flow-board-column-footer-padding-top);
|
|
170
|
+
padding-right: var(--flow-board-column-footer-padding-right);
|
|
171
|
+
padding-bottom: var(--flow-board-column-footer-padding-bottom);
|
|
172
|
+
padding-left: var(--flow-board-column-footer-padding-left);
|
|
146
173
|
flex-direction: row;
|
|
147
174
|
flex-shrink: 0;
|
|
148
175
|
align-items: center;
|
package/Controls/Components/Layouts/FlowBoard/Themes/FlowBoardColumnElement.Cosmopolitan.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FlowBoardColumnElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/FlowBoard/Themes/FlowBoardColumnElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,uCAAuC;IACnD,OAAO,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"FlowBoardColumnElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/FlowBoard/Themes/FlowBoardColumnElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,uCAAuC;IACnD,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0LT,CAAC;AACN,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FlowBoardColumnElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/FlowBoard/Themes/FlowBoardColumnElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,8BAA8B,IAAI,SAAS,
|
|
1
|
+
{"version":3,"file":"FlowBoardColumnElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/FlowBoard/Themes/FlowBoardColumnElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,8BAA8B,IAAI,SAAS,CA8M1D"}
|
|
@@ -14,8 +14,14 @@ export function flowBoardColumnElementJoyStyle() {
|
|
|
14
14
|
return css `
|
|
15
15
|
:host {
|
|
16
16
|
--flow-board-column-background-color: var(--joy-scheme-surface);
|
|
17
|
-
--flow-board-column-body-padding: var(--joy-layout-space);
|
|
17
|
+
--flow-board-column-body-padding-bottom: var(--joy-layout-space);
|
|
18
|
+
--flow-board-column-body-padding-left: calc(var(--joy-layout-space) * 1.5);
|
|
19
|
+
--flow-board-column-body-padding-right: calc(var(--joy-layout-space) * 1.5);
|
|
20
|
+
--flow-board-column-body-padding-top: var(--joy-layout-space);
|
|
21
|
+
--flow-board-column-border-color: var(--joy-scheme-highlight);
|
|
18
22
|
--flow-board-column-border-radius: var(--joy-layout-radius);
|
|
23
|
+
--flow-board-column-border-style: solid;
|
|
24
|
+
--flow-board-column-border-width: 0px;
|
|
19
25
|
--flow-board-column-font-family: unset;
|
|
20
26
|
--flow-board-column-font-letter-spacing: unset;
|
|
21
27
|
--flow-board-column-font-line-height: unset;
|
|
@@ -23,13 +29,18 @@ export function flowBoardColumnElementJoyStyle() {
|
|
|
23
29
|
--flow-board-column-font-text-decoration: unset;
|
|
24
30
|
--flow-board-column-font-text-transform: unset;
|
|
25
31
|
--flow-board-column-font-weight: unset;
|
|
26
|
-
--flow-board-column-footer-padding: var(--joy-layout-space)
|
|
32
|
+
--flow-board-column-footer-padding-bottom: var(--joy-layout-space);
|
|
33
|
+
--flow-board-column-footer-padding-left: calc(var(--joy-layout-space) * 1.5);
|
|
34
|
+
--flow-board-column-footer-padding-right: calc(var(--joy-layout-space) * 1.5);
|
|
35
|
+
--flow-board-column-footer-padding-top: var(--joy-layout-space);
|
|
27
36
|
--flow-board-column-gap: var(--joy-layout-space);
|
|
28
37
|
--flow-board-column-header-background-color: var(--joy-scheme-transparent);
|
|
29
|
-
--flow-board-column-header-padding: var(--joy-layout-space)
|
|
38
|
+
--flow-board-column-header-padding-bottom: var(--joy-layout-space);
|
|
39
|
+
--flow-board-column-header-padding-left: calc(var(--joy-layout-space) * 1.5);
|
|
40
|
+
--flow-board-column-header-padding-right: calc(var(--joy-layout-space) * 1.5);
|
|
41
|
+
--flow-board-column-header-padding-top: var(--joy-layout-space);
|
|
30
42
|
--flow-board-column-max-width: 320px;
|
|
31
43
|
--flow-board-column-min-width: 280px;
|
|
32
|
-
--flow-board-column-padding: 0px;
|
|
33
44
|
--flow-board-column-padding-bottom: unset;
|
|
34
45
|
--flow-board-column-padding-left: unset;
|
|
35
46
|
--flow-board-column-padding-right: unset;
|
|
@@ -78,13 +89,19 @@ export function flowBoardColumnElementJoyStyle() {
|
|
|
78
89
|
width: var(--flow-board-column-min-width);
|
|
79
90
|
background: var(--flow-board-column-background-color);
|
|
80
91
|
border-radius: var(--flow-board-column-border-radius);
|
|
92
|
+
border-color: var(--flow-board-column-border-color);
|
|
93
|
+
border-width: var(--flow-board-column-border-width);
|
|
94
|
+
border-style: var(--flow-board-column-border-style);
|
|
81
95
|
flex-direction: column;
|
|
82
96
|
flex-shrink: 0;
|
|
83
97
|
display: flex;
|
|
84
98
|
}
|
|
85
99
|
|
|
86
100
|
:host [part~="header"] {
|
|
87
|
-
padding: var(--flow-board-column-header-padding);
|
|
101
|
+
padding-top: var(--flow-board-column-header-padding-top);
|
|
102
|
+
padding-right: var(--flow-board-column-header-padding-right);
|
|
103
|
+
padding-bottom: var(--flow-board-column-header-padding-bottom);
|
|
104
|
+
padding-left: var(--flow-board-column-header-padding-left);
|
|
88
105
|
background: var(--flow-board-column-header-background-color);
|
|
89
106
|
flex-direction: row;
|
|
90
107
|
flex-shrink: 0;
|
|
@@ -124,7 +141,10 @@ export function flowBoardColumnElementJoyStyle() {
|
|
|
124
141
|
|
|
125
142
|
:host [part~="body"] {
|
|
126
143
|
gap: var(--flow-board-column-gap);
|
|
127
|
-
padding: var(--flow-board-column-body-padding);
|
|
144
|
+
padding-top: var(--flow-board-column-body-padding-top);
|
|
145
|
+
padding-right: var(--flow-board-column-body-padding-right);
|
|
146
|
+
padding-bottom: var(--flow-board-column-body-padding-bottom);
|
|
147
|
+
padding-left: var(--flow-board-column-body-padding-left);
|
|
128
148
|
flex-direction: column;
|
|
129
149
|
flex: 1;
|
|
130
150
|
min-height: 0;
|
|
@@ -142,7 +162,10 @@ export function flowBoardColumnElementJoyStyle() {
|
|
|
142
162
|
}
|
|
143
163
|
|
|
144
164
|
:host [part~="footer"] {
|
|
145
|
-
padding: var(--flow-board-column-footer-padding);
|
|
165
|
+
padding-top: var(--flow-board-column-footer-padding-top);
|
|
166
|
+
padding-right: var(--flow-board-column-footer-padding-right);
|
|
167
|
+
padding-bottom: var(--flow-board-column-footer-padding-bottom);
|
|
168
|
+
padding-left: var(--flow-board-column-footer-padding-left);
|
|
146
169
|
flex-direction: row;
|
|
147
170
|
flex-shrink: 0;
|
|
148
171
|
align-items: center;
|
|
@@ -173,23 +196,23 @@ export function flowBoardColumnElementJoyStyle() {
|
|
|
173
196
|
:host([appearance="outline"]) {
|
|
174
197
|
--flow-board-column-shadow: none;
|
|
175
198
|
--flow-board-column-border-width: var(--joy-layout-thickness);
|
|
176
|
-
--flow-board-column-background-color: var(--joy-scheme-highlight);
|
|
177
199
|
}
|
|
178
200
|
|
|
179
201
|
:host([appearance="plain"]) {
|
|
180
202
|
--flow-board-column-shadow: none;
|
|
181
203
|
--flow-board-column-border-width: 0px;
|
|
204
|
+
--flow-board-column-background-color: var(--joy-scheme-transparent);
|
|
182
205
|
}
|
|
183
206
|
|
|
184
207
|
:host([appearance="soft"]) {
|
|
185
208
|
--flow-board-column-shadow: none;
|
|
186
209
|
--flow-board-column-border-width: 0px;
|
|
187
|
-
--flow-board-column-background-color: var(--joy-scheme-highlight);
|
|
188
210
|
}
|
|
189
211
|
|
|
190
212
|
:host([appearance="solid"]) {
|
|
191
213
|
--flow-board-column-shadow: none;
|
|
192
214
|
--flow-board-column-border-width: 0px;
|
|
215
|
+
--flow-board-column-background-color: var(--joy-scheme-highlight);
|
|
193
216
|
}
|
|
194
217
|
|
|
195
218
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FlowBoardColumnElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/FlowBoard/Themes/FlowBoardColumnElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,8BAA8B;IAC1C,OAAO,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"FlowBoardColumnElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/FlowBoard/Themes/FlowBoardColumnElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,8BAA8B;IAC1C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4MT,CAAC;AACN,CAAC"}
|
package/Controls/Components/Layouts/FlowBoard/Themes/FlowBoardColumnElement.Memphis.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FlowBoardColumnElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/FlowBoard/Themes/FlowBoardColumnElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,kCAAkC,IAAI,SAAS,
|
|
1
|
+
{"version":3,"file":"FlowBoardColumnElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/FlowBoard/Themes/FlowBoardColumnElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,kCAAkC,IAAI,SAAS,CA4L9D"}
|
|
@@ -15,7 +15,14 @@ export function flowBoardColumnElementMemphisStyle() {
|
|
|
15
15
|
:host {
|
|
16
16
|
--flow-board-column-background-color: var(--memphis-scheme-surface);
|
|
17
17
|
--flow-board-column-body-padding: 8px;
|
|
18
|
+
--flow-board-column-body-padding-bottom: unset;
|
|
19
|
+
--flow-board-column-body-padding-left: unset;
|
|
20
|
+
--flow-board-column-body-padding-right: unset;
|
|
21
|
+
--flow-board-column-body-padding-top: unset;
|
|
22
|
+
--flow-board-column-border-color: unset;
|
|
18
23
|
--flow-board-column-border-radius: var(--memphis-layout-radius);
|
|
24
|
+
--flow-board-column-border-style: solid;
|
|
25
|
+
--flow-board-column-border-width: unset;
|
|
19
26
|
--flow-board-column-font-family: unset;
|
|
20
27
|
--flow-board-column-font-letter-spacing: unset;
|
|
21
28
|
--flow-board-column-font-line-height: unset;
|
|
@@ -24,9 +31,17 @@ export function flowBoardColumnElementMemphisStyle() {
|
|
|
24
31
|
--flow-board-column-font-text-transform: unset;
|
|
25
32
|
--flow-board-column-font-weight: unset;
|
|
26
33
|
--flow-board-column-footer-padding: 8px 12px;
|
|
34
|
+
--flow-board-column-footer-padding-bottom: unset;
|
|
35
|
+
--flow-board-column-footer-padding-left: unset;
|
|
36
|
+
--flow-board-column-footer-padding-right: unset;
|
|
37
|
+
--flow-board-column-footer-padding-top: unset;
|
|
27
38
|
--flow-board-column-gap: var(--memphis-layout-gap);
|
|
28
39
|
--flow-board-column-header-background-color: transparent;
|
|
29
40
|
--flow-board-column-header-padding: 8px 12px;
|
|
41
|
+
--flow-board-column-header-padding-bottom: unset;
|
|
42
|
+
--flow-board-column-header-padding-left: unset;
|
|
43
|
+
--flow-board-column-header-padding-right: unset;
|
|
44
|
+
--flow-board-column-header-padding-top: unset;
|
|
30
45
|
--flow-board-column-max-width: 320px;
|
|
31
46
|
--flow-board-column-min-width: 280px;
|
|
32
47
|
--flow-board-column-padding: var(--memphis-layout-padding);
|
|
@@ -78,13 +93,19 @@ export function flowBoardColumnElementMemphisStyle() {
|
|
|
78
93
|
width: var(--flow-board-column-min-width);
|
|
79
94
|
background: var(--flow-board-column-background-color);
|
|
80
95
|
border-radius: var(--flow-board-column-border-radius);
|
|
96
|
+
border-color: var(--flow-board-column-border-color);
|
|
97
|
+
border-width: var(--flow-board-column-border-width);
|
|
98
|
+
border-style: var(--flow-board-column-border-style);
|
|
81
99
|
flex-direction: column;
|
|
82
100
|
flex-shrink: 0;
|
|
83
101
|
display: flex;
|
|
84
102
|
}
|
|
85
103
|
|
|
86
104
|
:host [part~="header"] {
|
|
87
|
-
padding: var(--flow-board-column-header-padding);
|
|
105
|
+
padding-top: var(--flow-board-column-header-padding-top);
|
|
106
|
+
padding-right: var(--flow-board-column-header-padding-right);
|
|
107
|
+
padding-bottom: var(--flow-board-column-header-padding-bottom);
|
|
108
|
+
padding-left: var(--flow-board-column-header-padding-left);
|
|
88
109
|
background: var(--flow-board-column-header-background-color);
|
|
89
110
|
flex-direction: row;
|
|
90
111
|
flex-shrink: 0;
|
|
@@ -124,7 +145,10 @@ export function flowBoardColumnElementMemphisStyle() {
|
|
|
124
145
|
|
|
125
146
|
:host [part~="body"] {
|
|
126
147
|
gap: var(--flow-board-column-gap);
|
|
127
|
-
padding: var(--flow-board-column-body-padding);
|
|
148
|
+
padding-top: var(--flow-board-column-body-padding-top);
|
|
149
|
+
padding-right: var(--flow-board-column-body-padding-right);
|
|
150
|
+
padding-bottom: var(--flow-board-column-body-padding-bottom);
|
|
151
|
+
padding-left: var(--flow-board-column-body-padding-left);
|
|
128
152
|
flex-direction: column;
|
|
129
153
|
flex: 1;
|
|
130
154
|
min-height: 0;
|
|
@@ -142,7 +166,10 @@ export function flowBoardColumnElementMemphisStyle() {
|
|
|
142
166
|
}
|
|
143
167
|
|
|
144
168
|
:host [part~="footer"] {
|
|
145
|
-
padding: var(--flow-board-column-footer-padding);
|
|
169
|
+
padding-top: var(--flow-board-column-footer-padding-top);
|
|
170
|
+
padding-right: var(--flow-board-column-footer-padding-right);
|
|
171
|
+
padding-bottom: var(--flow-board-column-footer-padding-bottom);
|
|
172
|
+
padding-left: var(--flow-board-column-footer-padding-left);
|
|
146
173
|
flex-direction: row;
|
|
147
174
|
flex-shrink: 0;
|
|
148
175
|
align-items: center;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FlowBoardColumnElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/FlowBoard/Themes/FlowBoardColumnElement.Memphis.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,kCAAkC;IAC9C,OAAO,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"FlowBoardColumnElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/FlowBoard/Themes/FlowBoardColumnElement.Memphis.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,kCAAkC;IAC9C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0LT,CAAC;AACN,CAAC"}
|
|
@@ -42,6 +42,12 @@ declare const ClickableElement_base: (abstract new (...args: Array<any>) => impo
|
|
|
42
42
|
* @cssprop {String} --clickable-padding-top - The padding top CSS custom property.
|
|
43
43
|
* @cssprop {Color} --clickable-ripple-color - The ripple color CSS custom property.
|
|
44
44
|
* @cssprop {String} --clickable-ripple-duration - The ripple duration CSS custom property.
|
|
45
|
+
* @cssprop {String} --clickable-shadow - The shadow CSS custom property.
|
|
46
|
+
* @cssprop {String} --clickable-shadow-blur - The shadow blur CSS custom property.
|
|
47
|
+
* @cssprop {String} --clickable-shadow-color - The shadow color CSS custom property.
|
|
48
|
+
* @cssprop {String} --clickable-shadow-offset-x - The shadow offset x CSS custom property.
|
|
49
|
+
* @cssprop {String} --clickable-shadow-offset-y - The shadow offset y CSS custom property.
|
|
50
|
+
* @cssprop {String} --clickable-shadow-spread - The shadow spread CSS custom property.
|
|
45
51
|
* @cssprop {String} --clickable-transition-duration - The transition duration CSS custom property.
|
|
46
52
|
* @cssprop {String} --clickable-transition-mode - The transition mode CSS custom property.
|
|
47
53
|
* @cssprop {String} --clickable-transition-property - The transition property CSS custom property.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClickableElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Clickable/ClickableElement.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;;AAOvE
|
|
1
|
+
{"version":3,"file":"ClickableElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Clickable/ClickableElement.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;;AAOvE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwEG;AACH,qBAUa,gBACT,SAAQ,qBACR,YAAW,sBAAsB;IAOjC;;OAEG;;IASH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;CAOJ;AAED;;GAEG;AACH,yBAAiB,gBAAgB,CAAC;IAC9B,KAAY,KAAK,GAAG,sBAAsB,CAAC;CAC9C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,kBAAkB,EAAE,gBAAgB,CAAC;KACxC;CACJ"}
|
|
@@ -61,6 +61,12 @@ import { clickableElementMemphisStyle } from './Themes/ClickableElement.Memphis'
|
|
|
61
61
|
* @cssprop {String} --clickable-padding-top - The padding top CSS custom property.
|
|
62
62
|
* @cssprop {Color} --clickable-ripple-color - The ripple color CSS custom property.
|
|
63
63
|
* @cssprop {String} --clickable-ripple-duration - The ripple duration CSS custom property.
|
|
64
|
+
* @cssprop {String} --clickable-shadow - The shadow CSS custom property.
|
|
65
|
+
* @cssprop {String} --clickable-shadow-blur - The shadow blur CSS custom property.
|
|
66
|
+
* @cssprop {String} --clickable-shadow-color - The shadow color CSS custom property.
|
|
67
|
+
* @cssprop {String} --clickable-shadow-offset-x - The shadow offset x CSS custom property.
|
|
68
|
+
* @cssprop {String} --clickable-shadow-offset-y - The shadow offset y CSS custom property.
|
|
69
|
+
* @cssprop {String} --clickable-shadow-spread - The shadow spread CSS custom property.
|
|
64
70
|
* @cssprop {String} --clickable-transition-duration - The transition duration CSS custom property.
|
|
65
71
|
* @cssprop {String} --clickable-transition-mode - The transition mode CSS custom property.
|
|
66
72
|
* @cssprop {String} --clickable-transition-property - The transition property CSS custom property.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClickableElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Clickable/ClickableElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,OAAO,EAAE,iCAAiC,EAAE,MAAM,wCAAwC,CAAC;AAC3F,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AAEjF,aAAa;AAEb
|
|
1
|
+
{"version":3,"file":"ClickableElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Clickable/ClickableElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,OAAO,EAAE,iCAAiC,EAAE,MAAM,wCAAwC,CAAC;AAC3F,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AAEjF,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwEG;AAWI,IAAM,gBAAgB,GAAtB,MAAM,gBACT,SAAQ,SAAS,CAAC,UAAU,CAAC,WAAW,CAAC,SAAS,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;IAGjF,iBAAiB;IACjB,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;IACZ,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,kBAAkB,CAAC;IAC9B,CAAC;CAOJ,CAAA;AArCY,gBAAgB;IAV5B,SAAS,CAAC;QACP,QAAQ,EAAE,kBAAkB;QAC5B,QAAQ,EAAE,wBAAwB;QAClC,MAAM,EAAE;YACJ,GAAG,EAAE,wBAAwB;YAC7B,OAAO,EAAE,4BAA4B;YACrC,YAAY,EAAE,iCAAiC;SAClD;QACD,OAAO,EAAE,EAAE;KACd,CAAC;;GACW,gBAAgB,CAqC5B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClickableElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Clickable/Themes/ClickableElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,wBAAwB,IAAI,SAAS,
|
|
1
|
+
{"version":3,"file":"ClickableElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Clickable/Themes/ClickableElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,wBAAwB,IAAI,SAAS,CAyFpD"}
|
|
@@ -36,10 +36,16 @@ export function clickableElementJoyStyle() {
|
|
|
36
36
|
--clickable-padding-top: var(--joy-layout-space);
|
|
37
37
|
--clickable-ripple-color: unset;
|
|
38
38
|
--clickable-ripple-duration: .2s;
|
|
39
|
+
--clickable-shadow: unset unset unset unset unset;
|
|
40
|
+
--clickable-shadow-blur: unset;
|
|
41
|
+
--clickable-shadow-color: unset;
|
|
42
|
+
--clickable-shadow-offset-x: unset;
|
|
43
|
+
--clickable-shadow-offset-y: unset;
|
|
44
|
+
--clickable-shadow-spread: unset;
|
|
39
45
|
--clickable-transition-duration: var(--joy-duration-short);
|
|
40
46
|
--clickable-transition-mode: ease;
|
|
41
47
|
--clickable-transition-property: border-color, background-color;
|
|
42
|
-
--clickable-translate:
|
|
48
|
+
--clickable-translate: none;
|
|
43
49
|
}
|
|
44
50
|
|
|
45
51
|
@media screen and (prefers-reduced-motion: reduce) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClickableElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Clickable/Themes/ClickableElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,wBAAwB;IACpC,OAAO,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"ClickableElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Clickable/Themes/ClickableElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,wBAAwB;IACpC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuFT,CAAC;AACN,CAAC"}
|
|
@@ -91,7 +91,7 @@ export interface Options {
|
|
|
91
91
|
*/
|
|
92
92
|
encode?: (value: string) => string;
|
|
93
93
|
}
|
|
94
|
-
export declare function modifierToString(modifier: Modifier): "" | "*" | "
|
|
94
|
+
export declare function modifierToString(modifier: Modifier): "" | "*" | "?" | "+";
|
|
95
95
|
/**
|
|
96
96
|
* Expose a function for taking tokens and returning a RegExp.
|
|
97
97
|
*/
|
package/custom-elements.json
CHANGED
|
@@ -91839,8 +91839,28 @@
|
|
|
91839
91839
|
"type": "Color"
|
|
91840
91840
|
},
|
|
91841
91841
|
{
|
|
91842
|
-
"name": "--flow-board-column-body-padding",
|
|
91843
|
-
"description": "The board column body padding CSS custom property.",
|
|
91842
|
+
"name": "--flow-board-column-body-padding-bottom",
|
|
91843
|
+
"description": "The board column body padding bottom CSS custom property.",
|
|
91844
|
+
"type": "String"
|
|
91845
|
+
},
|
|
91846
|
+
{
|
|
91847
|
+
"name": "--flow-board-column-body-padding-left",
|
|
91848
|
+
"description": "The board column body padding left CSS custom property.",
|
|
91849
|
+
"type": "String"
|
|
91850
|
+
},
|
|
91851
|
+
{
|
|
91852
|
+
"name": "--flow-board-column-body-padding-right",
|
|
91853
|
+
"description": "The board column body padding right CSS custom property.",
|
|
91854
|
+
"type": "String"
|
|
91855
|
+
},
|
|
91856
|
+
{
|
|
91857
|
+
"name": "--flow-board-column-body-padding-top",
|
|
91858
|
+
"description": "The board column body padding top CSS custom property.",
|
|
91859
|
+
"type": "String"
|
|
91860
|
+
},
|
|
91861
|
+
{
|
|
91862
|
+
"name": "--flow-board-column-border-color",
|
|
91863
|
+
"description": "The board column border color CSS custom property.",
|
|
91844
91864
|
"type": "String"
|
|
91845
91865
|
},
|
|
91846
91866
|
{
|
|
@@ -91848,6 +91868,16 @@
|
|
|
91848
91868
|
"description": "Border radius of the column",
|
|
91849
91869
|
"type": "String"
|
|
91850
91870
|
},
|
|
91871
|
+
{
|
|
91872
|
+
"name": "--flow-board-column-border-style",
|
|
91873
|
+
"description": "The board column border style CSS custom property.",
|
|
91874
|
+
"type": "String"
|
|
91875
|
+
},
|
|
91876
|
+
{
|
|
91877
|
+
"name": "--flow-board-column-border-width",
|
|
91878
|
+
"description": "The board column border width CSS custom property.",
|
|
91879
|
+
"type": "String"
|
|
91880
|
+
},
|
|
91851
91881
|
{
|
|
91852
91882
|
"name": "--flow-board-column-font-family",
|
|
91853
91883
|
"description": "The board column font family CSS custom property.",
|
|
@@ -91884,8 +91914,23 @@
|
|
|
91884
91914
|
"type": "String"
|
|
91885
91915
|
},
|
|
91886
91916
|
{
|
|
91887
|
-
"name": "--flow-board-column-footer-padding",
|
|
91888
|
-
"description": "The board column footer padding CSS custom property.",
|
|
91917
|
+
"name": "--flow-board-column-footer-padding-bottom",
|
|
91918
|
+
"description": "The board column footer padding bottom CSS custom property.",
|
|
91919
|
+
"type": "String"
|
|
91920
|
+
},
|
|
91921
|
+
{
|
|
91922
|
+
"name": "--flow-board-column-footer-padding-left",
|
|
91923
|
+
"description": "The board column footer padding left CSS custom property.",
|
|
91924
|
+
"type": "String"
|
|
91925
|
+
},
|
|
91926
|
+
{
|
|
91927
|
+
"name": "--flow-board-column-footer-padding-right",
|
|
91928
|
+
"description": "The board column footer padding right CSS custom property.",
|
|
91929
|
+
"type": "String"
|
|
91930
|
+
},
|
|
91931
|
+
{
|
|
91932
|
+
"name": "--flow-board-column-footer-padding-top",
|
|
91933
|
+
"description": "The board column footer padding top CSS custom property.",
|
|
91889
91934
|
"type": "String"
|
|
91890
91935
|
},
|
|
91891
91936
|
{
|
|
@@ -91899,8 +91944,23 @@
|
|
|
91899
91944
|
"type": "String"
|
|
91900
91945
|
},
|
|
91901
91946
|
{
|
|
91902
|
-
"name": "--flow-board-column-header-padding",
|
|
91903
|
-
"description": "The board column header padding CSS custom property.",
|
|
91947
|
+
"name": "--flow-board-column-header-padding-bottom",
|
|
91948
|
+
"description": "The board column header padding bottom CSS custom property.",
|
|
91949
|
+
"type": "String"
|
|
91950
|
+
},
|
|
91951
|
+
{
|
|
91952
|
+
"name": "--flow-board-column-header-padding-left",
|
|
91953
|
+
"description": "The board column header padding left CSS custom property.",
|
|
91954
|
+
"type": "String"
|
|
91955
|
+
},
|
|
91956
|
+
{
|
|
91957
|
+
"name": "--flow-board-column-header-padding-right",
|
|
91958
|
+
"description": "The board column header padding right CSS custom property.",
|
|
91959
|
+
"type": "String"
|
|
91960
|
+
},
|
|
91961
|
+
{
|
|
91962
|
+
"name": "--flow-board-column-header-padding-top",
|
|
91963
|
+
"description": "The board column header padding top CSS custom property.",
|
|
91904
91964
|
"type": "String"
|
|
91905
91965
|
},
|
|
91906
91966
|
{
|
|
@@ -91913,11 +91973,6 @@
|
|
|
91913
91973
|
"description": "Minimum width of the column",
|
|
91914
91974
|
"type": "String"
|
|
91915
91975
|
},
|
|
91916
|
-
{
|
|
91917
|
-
"name": "--flow-board-column-padding",
|
|
91918
|
-
"description": "Internal padding",
|
|
91919
|
-
"type": "String"
|
|
91920
|
-
},
|
|
91921
91976
|
{
|
|
91922
91977
|
"name": "--flow-board-column-padding-bottom",
|
|
91923
91978
|
"description": "The board column padding bottom CSS custom property.",
|
|
@@ -161765,6 +161820,36 @@
|
|
|
161765
161820
|
"description": "The ripple duration CSS custom property.",
|
|
161766
161821
|
"type": "String"
|
|
161767
161822
|
},
|
|
161823
|
+
{
|
|
161824
|
+
"name": "--clickable-shadow",
|
|
161825
|
+
"description": "The shadow CSS custom property.",
|
|
161826
|
+
"type": "String"
|
|
161827
|
+
},
|
|
161828
|
+
{
|
|
161829
|
+
"name": "--clickable-shadow-blur",
|
|
161830
|
+
"description": "The shadow blur CSS custom property.",
|
|
161831
|
+
"type": "String"
|
|
161832
|
+
},
|
|
161833
|
+
{
|
|
161834
|
+
"name": "--clickable-shadow-color",
|
|
161835
|
+
"description": "The shadow color CSS custom property.",
|
|
161836
|
+
"type": "String"
|
|
161837
|
+
},
|
|
161838
|
+
{
|
|
161839
|
+
"name": "--clickable-shadow-offset-x",
|
|
161840
|
+
"description": "The shadow offset x CSS custom property.",
|
|
161841
|
+
"type": "String"
|
|
161842
|
+
},
|
|
161843
|
+
{
|
|
161844
|
+
"name": "--clickable-shadow-offset-y",
|
|
161845
|
+
"description": "The shadow offset y CSS custom property.",
|
|
161846
|
+
"type": "String"
|
|
161847
|
+
},
|
|
161848
|
+
{
|
|
161849
|
+
"name": "--clickable-shadow-spread",
|
|
161850
|
+
"description": "The shadow spread CSS custom property.",
|
|
161851
|
+
"type": "String"
|
|
161852
|
+
},
|
|
161768
161853
|
{
|
|
161769
161854
|
"name": "--clickable-transition-duration",
|
|
161770
161855
|
"description": "The transition duration CSS custom property.",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@breadstone/mosaik-elements-foundation",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.9",
|
|
4
4
|
"description": "Mosaik elements components package.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "andre.wehlert <awehlert@breadstone.de> (https://www.breadstone.de)",
|
|
@@ -14,8 +14,8 @@
|
|
|
14
14
|
"url": "git+ssh://git@github.com/RueDeRennes/mosaik.git"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@breadstone/mosaik-elements": "0.1.
|
|
18
|
-
"@breadstone/mosaik-themes": "0.1.
|
|
17
|
+
"@breadstone/mosaik-elements": "0.1.9",
|
|
18
|
+
"@breadstone/mosaik-themes": "0.1.9",
|
|
19
19
|
"tslib": "2.8.1"
|
|
20
20
|
},
|
|
21
21
|
"peerDependencies": {
|