@nuralyui/collapse 0.0.3 → 0.0.4
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hy-collapse.style.d.ts","sourceRoot":"","sources":["../../../src/components/collapse/hy-collapse.style.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"hy-collapse.style.d.ts","sourceRoot":"","sources":["../../../src/components/collapse/hy-collapse.style.ts"],"names":[],"mappings":"AAmHA,eAAO,MAAM,MAAM,yBAAiB,CAAC"}
|
package/hy-collapse.style.js
CHANGED
|
@@ -23,6 +23,7 @@ const collapseStyles = css `
|
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
.header {
|
|
26
|
+
width: auto;
|
|
26
27
|
border-top-left-radius:var(--hy-collapse-border-radius,var(--hy-collapse-local-border-radius));
|
|
27
28
|
border-top-right-radius:var(--hy-collapse-border-radius,var(--hy-collapse-local-border-radius));
|
|
28
29
|
display: flex;
|
package/hy-collapse.style.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hy-collapse.style.js","sourceRoot":"","sources":["../../../src/components/collapse/hy-collapse.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,cAAc,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"hy-collapse.style.js","sourceRoot":"","sources":["../../../src/components/collapse/hy-collapse.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgHzB,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,cAAc,CAAC","sourcesContent":["import {css} from 'lit';\nconst collapseStyles = css`\n hy-label{\n display: inline-block; \n }\n hy-icon{\n --hybrid-icon-width: 11px;\n --hybrid-icon-height: 11px;\n }\n .disabled-header {\n opacity: 0.5;\n cursor: not-allowed;\n }\n .collapse-section {\n display:block;\n margin-top:1px;\n width:var(--hy-collapse-width,var(--hy-collapse-local-width));\n border: var(--hy-collapse-border,var(--hy-collapse-local-border));\n border-radius:var(--hy-collapse-border-radius,var(--hy-collapse-local-border-radius));\n }\n\n .collapse-icon {\n }\n\n .header {\n width: auto;\n border-top-left-radius:var(--hy-collapse-border-radius,var(--hy-collapse-local-border-radius));\n border-top-right-radius:var(--hy-collapse-border-radius,var(--hy-collapse-local-border-radius));\n display: flex;\n align-items: center;\n gap: 5px;\n padding: var(--hy-collapse-header-default-size-padding-y,var(--hy-collapse-local-header-default-size-padding-y)) var(--hy-collapse-header-default-size-padding-x,var(--hy-collapse-local-header-default-size-padding-x));\n background-color: var(--hy-collapse-header-background-color,var(--hy-collapse-local-header-background-color));\n font-weight: var(--hy-collapse-header-font-weight,var(--hy-collapse-local-header-font-weight));\n font-size:var(--hy-collapse-header-font-size,var(--hy-collapse-local-header-font-size));\n color: var(--hy-collapse-header-color,var(--hy-collapse-local-header-color));\n }\n\n .collapse-small > .header {\n padding: var(--hy-collapse-header-small-size-padding-y,var(--hy-collapse-local-header-small-size-padding-y)) var(--hy-collapse-header-small-size-padding-x,var(--hy-collapse-local-header-small-size-padding-x));\n }\n\n .collapse-small > .content {\n padding: var(--hy-collapse-content-small-size-padding,var(--hy-collapse-local-content-small-size-padding));\n }\n\n .collapse-large > .header {\n padding: var(--hy-collapse-header-large-size-padding-y,var(--hy-collapse-local-header-large-size-padding-y)) var(--hy-collapse-header-large-size-padding-x,var(--hy-collapse-local-header-large-size-padding-x));\n }\n\n .collapse-large > .content {\n padding: var(--hy-collapse-content-large-size-padding,var(--hy-collapse-local-content-large-size-padding));\n }\n\n .header:not(.disabled-header) {\n cursor: pointer;\n }\n .header:not(.disabled-header):hover {\n background-color: var(--hy-collapse-header-hover-background-color,var(--hy-collapse-local-header-hover-background-color));\n }\n .collapsed-header {\n background-color: var(--hy-collapse-header-collapsed-background-color,var(--hy-collapse-local-header-collapsed-background-color));\n }\n .fold-header {\n border-bottom-left-radius:var(--hy-collapse-border-radius,var(--hy-collapse-local-border-radius));\n border-bottom-right-radius:var(--hy-collapse-border-radius,var(--hy-collapse-local-border-radius));\n }\n\n .content {\n padding: var(--hy-collapse-content-default-size-padding,var(--hy-collapse-local-content-default-size-padding));\n background-color: var(--hy-collapse-content-background-color,var(--hy-collapse-local-content-background-color));\n color: var(--hy-collapse-content-color,var(--hy-collapse-local-content-color));\n border-bottom-left-radius:var(--hy-collapse-border-radius,var(--hy-collapse-local-border-radius));\n border-bottom-right-radius:var(--hy-collapse-border-radius,var(--hy-collapse-local-border-radius));\n }\n :host {\n --hybrid-icon-width: 8px;\n --hy-collapse-local-content-background-color: #ffffff;\n --hy-collapse-local-header-background-color: #fafafa;\n --hy-collapse-local-content-color: #000000;\n --hy-collapse-local-header-color: #000000;\n --hy-collapse-local-header-collapsed-background-color: #d3d3d3;\n --hy-collapse-local-header-hover-background-color: #e0e0e0;\n --hy-collapse-local-border: 1px solid #bfbfbf;\n --hy-collapse-local-font-weight: bold;\n --hy-collapse-local-header-font-size: 14px;\n\n --hy-collapse-local-width:auto;\n --hy-collapse-local-border-radius:5px;\n \n --hy-collapse-local-header-default-size-padding-y: 4px;\n --hy-collapse-local-header-default-size-padding-x: 6px;\n --hy-collapse-local-content-default-size-padding: 6px;\n\n --hy-collapse-local-header-small-size-padding-y: 5px;\n --hy-collapse-local-header-small-size-padding-x: 11px;\n --hy-collapse-local-content-small-size-padding: 11px;\n\n --hy-collapse-local-header-large-size-padding-y: 13px;\n --hy-collapse-local-header-large-size-padding-x: 19px;\n --hy-collapse-local-content-large-size-padding: 19px;\n }\n @media (prefers-color-scheme: dark) {\n :host {\n --hy-collapse-local-content-background-color: #1f1f1f;\n --hy-collapse-local-header-background-color: #2a2a2a;\n --hy-collapse-local-header-color: #ffffff;\n --hy-collapse-local-content-color: #ffffff;\n --hy-collapse-local-header-collapsed-background-color: #4a4a4a;\n --hy-collapse-local-header-hover-background-color: #505050;\n --hy-collapse-local-border: 1px solid #d9d9d9;\n }\n }\n`;\n\nexport const styles = collapseStyles;\n"]}
|