@tmorrow/cre8-wc 2.3.4 → 2.3.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/a2ui/catalog-kg.json +195 -7
- package/a2ui/catalog.compact.json +63 -4
- package/a2ui/catalog.json +152 -3
- package/a2ui/inert-props.json +1 -1
- package/cdn/cre8-wc.esm.js +4475 -2785
- package/cdn/cre8-wc.esm.js.map +1 -1
- package/cdn/cre8-wc.min.js +3210 -1603
- package/cdn/cre8-wc.min.js.map +1 -1
- package/dist/assets/{Changelog-Documentation-KVZaGCrM.js → Changelog-Documentation-Csl1aBwJ.js} +1 -1
- package/dist/assets/{Code-Guidelines-MLEqij8-.js → Code-Guidelines-BqNlRUKt.js} +1 -1
- package/dist/assets/{Color-6AOWCN3U-gep76IeU.js → Color-6AOWCN3U-CsLUzVsR.js} +1 -1
- package/dist/assets/{Contributing-Guidelines-Bt0K4OQJ.js → Contributing-Guidelines-CT2DvWzd.js} +1 -1
- package/dist/assets/{DocsRenderer-JROSPFPF-ZXzBW5vb.js → DocsRenderer-JROSPFPF-CgiQjbt2.js} +1 -1
- package/dist/assets/{Tokens-Documentation-3Wgmzu4M.js → Tokens-Documentation-BWG2nA5m.js} +1 -1
- package/dist/assets/{WithTooltip-7X4HQR7L-BGg1AeW_.js → WithTooltip-7X4HQR7L-C2C_AfmQ.js} +1 -1
- package/dist/assets/{accordion-item.stories-OrnOMQYE.js → accordion-item.stories-DjU_NhMM.js} +1 -1
- package/dist/assets/{accordion.stories-D-vQti3L.js → accordion.stories-C9wojd-w.js} +1 -1
- package/dist/assets/{address-form.stories-ijYA_xUo.js → address-form.stories-xLNhHwxT.js} +2 -2
- package/dist/assets/{alert.stories-BRuaE3Fz.js → alert.stories-D7NEdqQa.js} +1 -1
- package/dist/assets/{badge-BAvcCZKg.js → badge-DoPOxLq7.js} +1 -1
- package/dist/assets/{badge.stories-DfRAoLjf.js → badge.stories-BREvHNTR.js} +1 -1
- package/dist/assets/{band.stories-DmFW5_qW.js → band.stories-B0nnSzoO.js} +1 -1
- package/dist/assets/{blocks-DaRdDsLJ.js → blocks-B6atpvtm.js} +5 -5
- package/dist/assets/{breadcrumbs.stories-DQpKOPux.js → breadcrumbs.stories-D05EgMNz.js} +1 -1
- package/dist/assets/{button-CKAKDdnt.js → button-BKkXnzpg.js} +1 -1
- package/dist/assets/{button-group-BE61zidL.js → button-group-Cz-4Ghaw.js} +1 -1
- package/dist/assets/{button-group.stories-DJTqGcwu.js → button-group.stories-BtmH6cty.js} +1 -1
- package/dist/assets/{button.stories-Bi5uMmVy.js → button.stories-Cwum3yAS.js} +1 -1
- package/dist/assets/{card-Ba_U5Ofz.js → card-Ba9UBp6t.js} +18 -5
- package/dist/assets/card.stories-2rhA29TT.js +69 -0
- package/dist/assets/{chart.stories-CYez_qCE.js → chart.stories-CdNIg3Kb.js} +1 -1
- package/dist/assets/{checkbox-field-item-CMFG4Oj2.js → checkbox-field-item-clQWVWNS.js} +1 -1
- package/dist/assets/{checkbox-field-item.stories-Dr-efaxE.js → checkbox-field-item.stories-ifRhfwg_.js} +1 -1
- package/dist/assets/{checkbox-field.stories-DQZetpTg.js → checkbox-field.stories-mYaz8FX-.js} +1 -1
- package/dist/assets/container-grid.stories-Dnnlrhpk.js +975 -0
- package/dist/assets/container.stories-FTn4HUQs.js +637 -0
- package/dist/assets/{cre8-element-C32P9iMC.js → cre8-element-D4jUl3yv.js} +1 -1
- package/dist/assets/{cre8-form-element-C-cxFbUF.js → cre8-form-element-B-sJI1kh.js} +1 -1
- package/dist/assets/{danger-button.stories-D1jFAMuu.js → danger-button.stories-vZTPor76.js} +1 -1
- package/dist/assets/{date-picker.stories-CF0p6Acs.js → date-picker.stories-CJp0GJ1q.js} +1 -1
- package/dist/assets/{divider-C1KL_AxK.js → divider-5XyBGf_n.js} +1 -1
- package/dist/assets/{divider.stories-pDMv71LL.js → divider.stories-OhHD6KYr.js} +1 -1
- package/dist/assets/{dropdown-BsCUc3cP.js → dropdown-B2Cu1mWc.js} +1 -1
- package/dist/assets/{dropdown-item.stories-DBShD_vk.js → dropdown-item.stories-BqVCNqv9.js} +1 -1
- package/dist/assets/{dropdown.stories-DVRa7cfL.js → dropdown.stories-BlKLrvbC.js} +1 -1
- package/dist/assets/{f-po-Bskj3oQY.js → f-po-CDPxLfff.js} +1 -1
- package/dist/assets/{feature.stories-BG27bJO6.js → feature.stories-Dg8guwWZ.js} +1 -1
- package/dist/assets/{field-g3Qu1hyk.js → field-XAdoSKiw.js} +1 -1
- package/dist/assets/{field-note-VLKkFhY-.js → field-note-CSSkQ5DK.js} +1 -1
- package/dist/assets/{field-note.stories-Csbwk50n.js → field-note.stories-DLqWQ2ML.js} +1 -1
- package/dist/assets/{field.stories-BSYd3vhk.js → field.stories-DV_Y25cv.js} +1 -1
- package/dist/assets/{field.styles-DsJqDxUf.js → field.styles-DE4j2yDn.js} +1 -1
- package/dist/assets/{footer.stories-D9QlbogX.js → footer.stories-C8rqIk6m.js} +1 -1
- package/dist/assets/{form-DnCnqQJV.js → form-q2KoR5mC.js} +1 -1
- package/dist/assets/{form.stories-BQ-PyPR-.js → form.stories-CHyQ4N3Y.js} +2 -2
- package/dist/assets/{formatter-L2YTDE3Q-C-OPFuCo.js → formatter-L2YTDE3Q-DiDkQfYj.js} +1 -1
- package/dist/assets/{global-nav-item-Cyd-gXMg.js → global-nav-item-Bpmc-nWW.js} +1 -1
- package/dist/assets/{global-nav-item.stories-DyQtpxdu.js → global-nav-item.stories-eSo9-Nsj.js} +1 -1
- package/dist/assets/{global-nav.stories-Clb8iztc.js → global-nav.stories-D5t_BBVD.js} +1 -1
- package/dist/assets/{grid-item-CaYWmI3M.js → grid-CKI7ODmO.js} +4 -604
- package/dist/assets/grid-item-DdpNu2ee.js +605 -0
- package/dist/assets/{grid.stories-KIc6tHSz.js → grid.stories-Q2GWLP0H.js} +2 -2
- package/dist/assets/{header.stories-ByiUDWAm.js → header.stories-7ESEi8hW.js} +1 -1
- package/dist/assets/{heading-DPFC7eAf.js → heading-TaL9d36K.js} +1 -1
- package/dist/assets/{heading.stories-B6g2yudF.js → heading.stories-D7u6BUor.js} +1 -1
- package/dist/assets/{hero.stories-BFvke-pF.js → hero.stories-CveUmpyH.js} +1 -1
- package/dist/assets/{icon-CRGiEUM0.js → icon-BmyJ3psE.js} +1 -1
- package/dist/assets/{icon.stories-Di0IMAzu.js → icon.stories-BfZHRx4U.js} +1 -1
- package/dist/assets/if-defined-Bh0SnORx.js +1 -0
- package/dist/assets/{iframe-BH5yZqve.js → iframe-DgoqrgRr.js} +85 -85
- package/dist/assets/{inline-alert.stories-DcBYTS33.js → inline-alert.stories-DTpI_GL6.js} +1 -1
- package/dist/assets/{layout-container.stories-gcHzBHmG.js → layout-container.stories-DEICn4RI.js} +1 -1
- package/dist/assets/{layout.stories-DFFlIxeB.js → layout.stories-R1vAqdU8.js} +16 -5
- package/dist/assets/{linelength-container.stories-Dt4Ip3sb.js → linelength-container.stories-Di18W93a.js} +1 -1
- package/dist/assets/{link-B6NbXrLJ.js → link-BCInFTin.js} +1 -1
- package/dist/assets/{link-list.stories-OkQpni3G.js → link-list.stories-Bql9RJvh.js} +1 -1
- package/dist/assets/{link.stories-OaEY7xHH.js → link.stories-ovdak_Fx.js} +1 -1
- package/dist/assets/{list.stories-BAyuq-cx.js → list.stories-Cu1AE1n9.js} +1 -1
- package/dist/assets/{loading-spinner-KSDrx_ka.js → loading-spinner-BcPlxdFy.js} +1 -1
- package/dist/assets/{loading-spinner.stories-ShyO4iO0.js → loading-spinner.stories-2dFxevUc.js} +1 -1
- package/dist/assets/{logo.stories-BrDvrPB-.js → logo.stories-DkfS0j9Q.js} +1 -1
- package/dist/assets/{main.stories-CfJoNAKl.js → main.stories-_hQ8dB5R.js} +1 -1
- package/dist/assets/{modal-CISxdJcE.js → modal-DFswd6Pm.js} +1 -1
- package/dist/assets/{modal-Cq-m-mQ7.js → modal-DSuDhgP2.js} +1 -1
- package/dist/assets/{modal.stories-CW7gUcjn.js → modal.stories-ND5Zz9lK.js} +1 -1
- package/dist/assets/{multi-select.stories-CPMil75q.js → multi-select.stories-B1QqT-2X.js} +1 -1
- package/dist/assets/{nav-container.stories-VKjgNgHm.js → nav-container.stories-Bdaj6gPh.js} +1 -1
- package/dist/assets/{page-header.stories-hn1qhVLu.js → page-header.stories-BjP7uTak.js} +1 -1
- package/dist/assets/{pagination.stories-DhzZlNPD.js → pagination.stories-Crg_Ak31.js} +1 -1
- package/dist/assets/{percent-bar.stories-DYMx9PHm.js → percent-bar.stories-CI8_yiCS.js} +1 -1
- package/dist/assets/{popover.stories-B2NpvzMD.js → popover.stories-DYYRKxPn.js} +1 -1
- package/dist/assets/{primary-nav.stories-BuXodij-.js → primary-nav.stories--d9sFv8Q.js} +1 -1
- package/dist/assets/{progress-meter-B5W9x0fA.js → progress-meter-24cbQ0M2.js} +1 -1
- package/dist/assets/{progress-meter.stories-APJim4AM.js → progress-meter.stories-Bbs-4zrX.js} +1 -1
- package/dist/assets/{progress-steps-item-8XodA5dv.js → progress-steps-item-l1Yd6Qdn.js} +1 -1
- package/dist/assets/{progress-steps-item.stories-OjQxDOgb.js → progress-steps-item.stories-4SLP6kUe.js} +1 -1
- package/dist/assets/{progress-steps.stories-DgaVveY8.js → progress-steps.stories-f-QSfx25.js} +1 -1
- package/dist/assets/{radio-field-item-JTAZN5iJ.js → radio-field-item-C-qx8w2n.js} +1 -1
- package/dist/assets/{radio-field-item.stories-6lLJPzWh.js → radio-field-item.stories-DC2D6bGM.js} +1 -1
- package/dist/assets/{radio-field.stories-DhyHIJ1d.js → radio-field.stories-CrmSXKzO.js} +1 -1
- package/dist/assets/{remove-tag-BNsCfIXN.js → remove-tag-DSYCfP_p.js} +1 -1
- package/dist/assets/{remove-tag.stories-CYFnO6ay.js → remove-tag.stories-CAgobRMm.js} +1 -1
- package/dist/assets/{sample-modal.stories-ChZkcfns.js → sample-modal.stories-CluEtIyu.js} +1 -1
- package/dist/assets/{section.stories-D6w1QGJm.js → section.stories-BDwfRSMK.js} +1 -1
- package/dist/assets/{select-tile-BvYPheBA.js → select-tile-BQUic7vl.js} +1 -1
- package/dist/assets/{select-tile-list.stories-CSuU-x9D.js → select-tile-list.stories-DUs9OX63.js} +1 -1
- package/dist/assets/{select-tile.stories-B0yyaVxn.js → select-tile.stories-BEgsWkBL.js} +1 -1
- package/dist/assets/{select.stories-DwqSLN8h.js → select.stories-Dl5Tj-xh.js} +1 -1
- package/dist/assets/{sign-in.stories-BKL7agXB.js → sign-in.stories-oi60nA8L.js} +1 -1
- package/dist/assets/{skeleton-loader.stories-RqGyzk5b.js → skeleton-loader.stories-B-YaW3gk.js} +1 -1
- package/dist/assets/{split-button.stories-CSTNKnIT.js → split-button.stories-DKwZFY3q.js} +1 -1
- package/dist/assets/{spread-CEvCYGEM.js → spread-Cc0YLoqh.js} +1 -1
- package/dist/assets/state-ClQJCb1N.js +1 -0
- package/dist/assets/{submenu.stories-DKOEXdqn.js → submenu.stories-aFr-X6I6.js} +1 -1
- package/dist/assets/{syntaxhighlighter-T5IQBZDB-Bm_AIazA.js → syntaxhighlighter-T5IQBZDB-CLnYzOAY.js} +1 -1
- package/dist/assets/{table-header-C_hYFQ0R.js → table-header-HVutPQ-P.js} +1 -1
- package/dist/assets/{table-object.stories-BadrBE5L.js → table-object.stories-Bd_L6N6-.js} +1 -1
- package/dist/assets/{table.stories-Cp-T52kH.js → table.stories-BtOYInmB.js} +1 -1
- package/dist/assets/{tabs.stories-BbAXTeuR.js → tabs.stories-B5gNqx2F.js} +1 -1
- package/dist/assets/{tag-D72styE8.js → tag-CwIHolYS.js} +1 -1
- package/dist/assets/{tag-list.stories-DFZO0bXv.js → tag-list.stories-oK500v7-.js} +1 -1
- package/dist/assets/{tag.stories-BMuaNnlk.js → tag.stories-BA5SqUtI.js} +1 -1
- package/dist/assets/{tertiary-nav.stories-CuD-XiX1.js → tertiary-nav.stories-DUkar1nu.js} +1 -1
- package/dist/assets/{text-link-DLmoWt5E.js → text-link-DI4QMUOR.js} +1 -1
- package/dist/assets/{text-link.stories-DEUZpyiU.js → text-link.stories-DRSy-lWJ.js} +1 -1
- package/dist/assets/{text-passage-iKhUwSNA.js → text-passage-D_pRCxLR.js} +1 -1
- package/dist/assets/{text-passage.stories-DKc1vgTW.js → text-passage.stories-BnD2hBJy.js} +1 -1
- package/dist/assets/{tooltip.stories-BtDMnRW6.js → tooltip.stories-DJ8XD6C1.js} +1 -1
- package/dist/assets/{utility-nav.stories-Cf5aqb-I.js → utility-nav.stories-CD5W8Fh7.js} +1 -1
- package/dist/iframe.html +1 -1
- package/dist/index.json +1 -1
- package/dist/project.json +1 -1
- package/dist/sb-addons/storybook-5/manager-bundle.js +1 -1
- package/lib/cdn-entry.d.ts +3 -1
- package/lib/cdn-entry.d.ts.map +1 -1
- package/lib/cdn-entry.js +3 -1
- package/lib/cdn-entry.js.map +1 -1
- package/lib/components/card/card.d.ts +8 -0
- package/lib/components/card/card.d.ts.map +1 -1
- package/lib/components/card/card.js +4 -0
- package/lib/components/card/card.js.map +1 -1
- package/lib/components/card/card.styles.d.ts.map +1 -1
- package/lib/components/card/card.styles.js +15 -2
- package/lib/components/card/card.styles.js.map +1 -1
- package/lib/components/container/container.d.ts +48 -0
- package/lib/components/container/container.d.ts.map +1 -0
- package/lib/components/container/container.js +56 -0
- package/lib/components/container/container.js.map +1 -0
- package/lib/components/container/container.styles.d.ts +3 -0
- package/lib/components/container/container.styles.d.ts.map +1 -0
- package/lib/components/container/container.styles.js +625 -0
- package/lib/components/container/container.styles.js.map +1 -0
- package/lib/components/container-grid/container-grid.d.ts +55 -0
- package/lib/components/container-grid/container-grid.d.ts.map +1 -0
- package/lib/components/container-grid/container-grid.js +59 -0
- package/lib/components/container-grid/container-grid.js.map +1 -0
- package/lib/components/container-grid/container-grid.styles.d.ts +3 -0
- package/lib/components/container-grid/container-grid.styles.d.ts.map +1 -0
- package/lib/components/container-grid/container-grid.styles.js +950 -0
- package/lib/components/container-grid/container-grid.styles.js.map +1 -0
- package/lib/components/grid-item/grid-item.d.ts +7 -0
- package/lib/components/grid-item/grid-item.d.ts.map +1 -1
- package/lib/components/grid-item/grid-item.js +13 -1
- package/lib/components/grid-item/grid-item.js.map +1 -1
- package/lib/components/grid-item/grid-item.styles.d.ts.map +1 -1
- package/lib/components/grid-item/grid-item.styles.js +6 -2
- package/lib/components/grid-item/grid-item.styles.js.map +1 -1
- package/lib/components/layout-section/layout-section.d.ts +8 -0
- package/lib/components/layout-section/layout-section.d.ts.map +1 -1
- package/lib/components/layout-section/layout-section.js +4 -0
- package/lib/components/layout-section/layout-section.js.map +1 -1
- package/lib/components/layout-section/layout-section.styles.d.ts.map +1 -1
- package/lib/components/layout-section/layout-section.styles.js +11 -0
- package/lib/components/layout-section/layout-section.styles.js.map +1 -1
- package/lib/index.d.ts +2 -0
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +2 -0
- package/lib/index.js.map +1 -1
- package/lib/scripts/generate-mcp-manifest.js +2 -0
- package/lib/scripts/generate-mcp-manifest.js.map +1 -1
- package/mcp-manifest.json +100 -4
- package/package.json +1 -1
- package/react-manifest.json +89 -2
- package/dist/assets/card.stories-Dp0eU_cY.js +0 -45
- package/dist/assets/if-defined-CE1QkYoV.js +0 -1
- package/dist/assets/state-D1tm_mFF.js +0 -1
|
@@ -0,0 +1,605 @@
|
|
|
1
|
+
import{a as m,b as s}from"./iframe-DgoqrgRr.js";import{C as l,n as p}from"./cre8-element-D4jUl3yv.js";const g=m`.cre8-u-content-knockout-brand {
|
|
2
|
+
color: var(----cre8-color-content-knockout-brand);
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.cre8-u-is-hidden {
|
|
6
|
+
display: none !important;
|
|
7
|
+
visibility: hidden !important;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.cre8-u-is-vishidden {
|
|
11
|
+
position: absolute !important;
|
|
12
|
+
overflow: hidden;
|
|
13
|
+
width: 1px;
|
|
14
|
+
height: 1px;
|
|
15
|
+
padding: 0;
|
|
16
|
+
border: 0;
|
|
17
|
+
clip: rect(1px, 1px, 1px, 1px);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
@media all and (min-width: 23.4375rem) {
|
|
21
|
+
.cre8-u-hide-sm {
|
|
22
|
+
display: none !important;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
@media all and (min-width: 35rem) {
|
|
26
|
+
.cre8-u-hide-sm-2 {
|
|
27
|
+
display: none !important;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
@media all and (min-width: 48rem) {
|
|
31
|
+
.cre8-u-hide-md {
|
|
32
|
+
display: none !important;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
@media all and (min-width: 60rem) {
|
|
36
|
+
.cre8-u-hide-lg {
|
|
37
|
+
display: none !important;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
@media all and (min-width: 75rem) {
|
|
41
|
+
.cre8-u-hide-xl {
|
|
42
|
+
display: none !important;
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
@media all and (max-width: 23.4375rem) {
|
|
46
|
+
.cre8-u-show-sm {
|
|
47
|
+
display: none !important;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
@media all and (max-width: 35rem) {
|
|
51
|
+
.cre8-u-show-sm-2 {
|
|
52
|
+
display: none !important;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
@media all and (max-width: 48rem) {
|
|
56
|
+
.cre8-u-show-md {
|
|
57
|
+
display: none !important;
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
@media all and (max-width: 60rem) {
|
|
61
|
+
.cre8-u-show-lg {
|
|
62
|
+
display: none !important;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
@media all and (max-width: 75rem) {
|
|
66
|
+
.cre8-u-show-xl {
|
|
67
|
+
display: none !important;
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
.cre8-u-margin-none {
|
|
71
|
+
margin: 0 !important;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.cre8-u-margin-sm {
|
|
75
|
+
margin: size(1) !important;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.cre8-u-margin-md {
|
|
79
|
+
margin: size(2) !important;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.cre8-u-margin-lg {
|
|
83
|
+
margin: size(3) !important;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
.cre8-u-margin-xl {
|
|
87
|
+
margin: size(4) !important;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.cre8-u-margin-xxl {
|
|
91
|
+
margin: size(8) !important;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
.cre8-u-margin-top-none {
|
|
95
|
+
margin-top: 0 !important;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
.cre8-u-margin-top-sm {
|
|
99
|
+
margin-top: size(1) !important;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
.cre8-u-margin-top-md {
|
|
103
|
+
margin-top: size(2) !important;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
.cre8-u-margin-top-lg {
|
|
107
|
+
margin-top: size(3) !important;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
.cre8-u-margin-top-xl {
|
|
111
|
+
margin-top: size(4) !important;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
.cre8-u-margin-top-xxl {
|
|
115
|
+
margin-top: size(8) !important;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
.cre8-u-margin-right-none {
|
|
119
|
+
margin-right: 0 !important;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
.cre8-u-margin-right-sm {
|
|
123
|
+
margin-right: size(1) !important;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
.cre8-u-margin-right-md {
|
|
127
|
+
margin-right: size(2) !important;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
.cre8-u-margin-right-lg {
|
|
131
|
+
margin-right: size(3) !important;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
.cre8-u-margin-right-xl {
|
|
135
|
+
margin-right: size(4) !important;
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
.cre8-u-margin-right-xxl {
|
|
139
|
+
margin-right: size(8) !important;
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
.cre8-u-margin-bottom-none {
|
|
143
|
+
margin-bottom: 0 !important;
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
.cre8-u-margin-bottom-sm {
|
|
147
|
+
margin-bottom: size(1) !important;
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
.cre8-u-margin-bottom-md {
|
|
151
|
+
margin-bottom: size(2) !important;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
.cre8-u-margin-bottom-lg {
|
|
155
|
+
margin-bottom: size(3) !important;
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
.cre8-u-margin-bottom-xl {
|
|
159
|
+
margin-bottom: size(4) !important;
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
.cre8-u-margin-bottom-xxl {
|
|
163
|
+
margin-bottom: size(8) !important;
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
.cre8-u-margin-bottom-xl-xxl {
|
|
167
|
+
margin-bottom: size(4) !important;
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
@media all and (min-width: 768px) {
|
|
171
|
+
.cre8-u-margin-bottom-xl-xxl {
|
|
172
|
+
margin-bottom: size(8) !important;
|
|
173
|
+
}
|
|
174
|
+
}
|
|
175
|
+
.cre8-u-margin-left-none {
|
|
176
|
+
margin-left: 0 !important;
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
.cre8-u-margin-left-sm {
|
|
180
|
+
margin-left: size(1) !important;
|
|
181
|
+
}
|
|
182
|
+
|
|
183
|
+
.cre8-u-margin-left-md {
|
|
184
|
+
margin-left: size(2) !important;
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
.cre8-u-margin-left-lg {
|
|
188
|
+
margin-left: size(3) !important;
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
.cre8-u-margin-left-xl {
|
|
192
|
+
margin-left: size(4) !important;
|
|
193
|
+
}
|
|
194
|
+
|
|
195
|
+
.cre8-u-margin-left-xxl {
|
|
196
|
+
margin-left: size(8) !important;
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
.cre8-u-padding-none {
|
|
200
|
+
padding: 0 !important;
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
.cre8-u-padding-sm {
|
|
204
|
+
padding: size(1) !important;
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
.cre8-u-padding-md {
|
|
208
|
+
padding: size(2) !important;
|
|
209
|
+
}
|
|
210
|
+
|
|
211
|
+
.cre8-u-padding-lg {
|
|
212
|
+
padding: size(3) !important;
|
|
213
|
+
}
|
|
214
|
+
|
|
215
|
+
.cre8-u-padding-xl {
|
|
216
|
+
padding: size(4) !important;
|
|
217
|
+
}
|
|
218
|
+
|
|
219
|
+
.cre8-u-padding-xxl {
|
|
220
|
+
padding: size(8) !important;
|
|
221
|
+
}
|
|
222
|
+
|
|
223
|
+
.cre8-u-padding-top-none {
|
|
224
|
+
padding-top: 0 !important;
|
|
225
|
+
}
|
|
226
|
+
|
|
227
|
+
.cre8-u-padding-top-sm {
|
|
228
|
+
padding-top: size(1) !important;
|
|
229
|
+
}
|
|
230
|
+
|
|
231
|
+
.cre8-u-padding-top-md {
|
|
232
|
+
padding-top: size(2) !important;
|
|
233
|
+
}
|
|
234
|
+
|
|
235
|
+
.cre8-u-padding-top-lg {
|
|
236
|
+
padding-top: size(3) !important;
|
|
237
|
+
}
|
|
238
|
+
|
|
239
|
+
.cre8-u-padding-top-xl {
|
|
240
|
+
padding-top: size(4) !important;
|
|
241
|
+
}
|
|
242
|
+
|
|
243
|
+
.cre8-u-padding-top-xxl {
|
|
244
|
+
padding-top: size(8) !important;
|
|
245
|
+
}
|
|
246
|
+
|
|
247
|
+
.cre8-u-padding-right-none {
|
|
248
|
+
padding-right: 0 !important;
|
|
249
|
+
}
|
|
250
|
+
|
|
251
|
+
.cre8-u-padding-right-sm {
|
|
252
|
+
padding-right: size(1) !important;
|
|
253
|
+
}
|
|
254
|
+
|
|
255
|
+
.cre8-u-padding-right-md {
|
|
256
|
+
padding-right: size(2) !important;
|
|
257
|
+
}
|
|
258
|
+
|
|
259
|
+
.cre8-u-padding-right-lg {
|
|
260
|
+
padding-right: size(3) !important;
|
|
261
|
+
}
|
|
262
|
+
|
|
263
|
+
.cre8-u-padding-right-xl {
|
|
264
|
+
padding-right: size(4) !important;
|
|
265
|
+
}
|
|
266
|
+
|
|
267
|
+
.cre8-u-padding-right-xxl {
|
|
268
|
+
padding-right: size(8) !important;
|
|
269
|
+
}
|
|
270
|
+
|
|
271
|
+
.cre8-u-padding-bottom-none {
|
|
272
|
+
padding-bottom: 0 !important;
|
|
273
|
+
}
|
|
274
|
+
|
|
275
|
+
.cre8-u-padding-bottom-sm {
|
|
276
|
+
padding-bottom: size(1) !important;
|
|
277
|
+
}
|
|
278
|
+
|
|
279
|
+
.cre8-u-padding-bottom-md {
|
|
280
|
+
padding-bottom: size(2) !important;
|
|
281
|
+
}
|
|
282
|
+
|
|
283
|
+
.cre8-u-padding-bottom-lg {
|
|
284
|
+
padding-bottom: size(3) !important;
|
|
285
|
+
}
|
|
286
|
+
|
|
287
|
+
.cre8-u-padding-bottom-xl {
|
|
288
|
+
padding-bottom: size(4) !important;
|
|
289
|
+
}
|
|
290
|
+
|
|
291
|
+
.cre8-u-padding-bottom-xxl {
|
|
292
|
+
padding-bottom: size(8) !important;
|
|
293
|
+
}
|
|
294
|
+
|
|
295
|
+
.cre8-u-padding-left-none {
|
|
296
|
+
padding-left: 0 !important;
|
|
297
|
+
}
|
|
298
|
+
|
|
299
|
+
.cre8-u-padding-left-sm {
|
|
300
|
+
padding-left: size(1) !important;
|
|
301
|
+
}
|
|
302
|
+
|
|
303
|
+
.cre8-u-padding-left-md {
|
|
304
|
+
padding-left: size(2) !important;
|
|
305
|
+
}
|
|
306
|
+
|
|
307
|
+
.cre8-u-padding-left-lg {
|
|
308
|
+
padding-left: size(3) !important;
|
|
309
|
+
}
|
|
310
|
+
|
|
311
|
+
.cre8-u-padding-left-xl {
|
|
312
|
+
padding-left: size(4) !important;
|
|
313
|
+
}
|
|
314
|
+
|
|
315
|
+
.cre8-u-padding-left-xxl {
|
|
316
|
+
padding-left: size(8) !important;
|
|
317
|
+
}
|
|
318
|
+
|
|
319
|
+
.cre8-u-display-flex {
|
|
320
|
+
display: flex !important;
|
|
321
|
+
}
|
|
322
|
+
|
|
323
|
+
.cre8-u-display-block {
|
|
324
|
+
display: block !important;
|
|
325
|
+
}
|
|
326
|
+
|
|
327
|
+
body {
|
|
328
|
+
font-family: var(--cre8-typography-body-default-font-family);
|
|
329
|
+
font-size: var(--cre8-typography-body-default-font-size);
|
|
330
|
+
font-weight: var(--cre8-typography-body-default-font-weight);
|
|
331
|
+
line-height: var(--cre8-typography-body-default-line-height);
|
|
332
|
+
-webkit-text-decoration: var(--cre8-typography-body-default-text-decoration);
|
|
333
|
+
text-decoration: var(--cre8-typography-body-default-text-decoration);
|
|
334
|
+
text-transform: var(--cre8-typography-body-default-text-transform);
|
|
335
|
+
display: flex;
|
|
336
|
+
flex-direction: column;
|
|
337
|
+
padding: 0;
|
|
338
|
+
margin: 0;
|
|
339
|
+
color: var(--cre8-color-content-default);
|
|
340
|
+
background: var(--background-default);
|
|
341
|
+
}
|
|
342
|
+
|
|
343
|
+
@media all and (min-width: 60rem) {
|
|
344
|
+
.page-container {
|
|
345
|
+
background: linear-gradient(90deg, #fff 0, #fff 66.66%, #f8f8f9 0, #f8f8f9 0);
|
|
346
|
+
}
|
|
347
|
+
}
|
|
348
|
+
.band__inner {
|
|
349
|
+
margin-left: 2rem;
|
|
350
|
+
margin-right: 2rem;
|
|
351
|
+
}
|
|
352
|
+
|
|
353
|
+
@media all and (min-width: 60rem) {
|
|
354
|
+
.band__inner {
|
|
355
|
+
margin-right: 0;
|
|
356
|
+
}
|
|
357
|
+
}
|
|
358
|
+
img {
|
|
359
|
+
max-width: 100%;
|
|
360
|
+
height: auto;
|
|
361
|
+
}
|
|
362
|
+
|
|
363
|
+
/**
|
|
364
|
+
* Border-Box http:/paulirish.com/2012/box-sizing-border-box-ftw/
|
|
365
|
+
*/
|
|
366
|
+
*,
|
|
367
|
+
::slotted(*),
|
|
368
|
+
*:before,
|
|
369
|
+
*:after {
|
|
370
|
+
box-sizing: border-box;
|
|
371
|
+
}
|
|
372
|
+
|
|
373
|
+
:root {
|
|
374
|
+
--size-base-unit: 0.5rem;
|
|
375
|
+
--cre8-l-max-width: 82.5rem;
|
|
376
|
+
/* 1 */
|
|
377
|
+
--cre8-l-linelength-width: 42rem;
|
|
378
|
+
/* 1 */
|
|
379
|
+
}
|
|
380
|
+
|
|
381
|
+
/**
|
|
382
|
+
* RTL support for values logical properties can't automatically adjust for
|
|
383
|
+
* 1) Percentage based horizontal translate values need to be flipped
|
|
384
|
+
* 2) Background gradients using "to-right" or "to-left" need to be switched to using deg values.
|
|
385
|
+
* 3) Inverse items that have 45degs
|
|
386
|
+
*/
|
|
387
|
+
[dir=rtl] {
|
|
388
|
+
--rtlTranslateX: 50%;
|
|
389
|
+
/* 1 */
|
|
390
|
+
--rtlGradientToRight: 270deg;
|
|
391
|
+
/* 2 */
|
|
392
|
+
--rtlRotate45Inverse: -45deg;
|
|
393
|
+
/* 3 */
|
|
394
|
+
}
|
|
395
|
+
|
|
396
|
+
/**
|
|
397
|
+
* Visible focus outline for elements on a light background
|
|
398
|
+
*/
|
|
399
|
+
/**
|
|
400
|
+
* Visible focus outline for elements with an error status
|
|
401
|
+
*/
|
|
402
|
+
/**
|
|
403
|
+
* Visible focus outline for elements on a dark background
|
|
404
|
+
*/
|
|
405
|
+
/**
|
|
406
|
+
* Focus state for themes that need a dashed outline for focus
|
|
407
|
+
* state
|
|
408
|
+
**/
|
|
409
|
+
/**
|
|
410
|
+
* Invisible focus outline for elements that need a more visible
|
|
411
|
+
* focus state for high-contrast mode
|
|
412
|
+
*/
|
|
413
|
+
/**
|
|
414
|
+
* Visually hidden from display
|
|
415
|
+
*/
|
|
416
|
+
/*
|
|
417
|
+
=======
|
|
418
|
+
Animations
|
|
419
|
+
=======
|
|
420
|
+
*/
|
|
421
|
+
:host {
|
|
422
|
+
--cre8-z-index-1: 1;
|
|
423
|
+
--cre8-z-index-50: 50;
|
|
424
|
+
--cre8-z-index-100: 100;
|
|
425
|
+
--cre8-z-index-200: 200;
|
|
426
|
+
--cre8-z-index-1030: 1030;
|
|
427
|
+
--cre8-anim-fade-quick: 0.35s;
|
|
428
|
+
--cre8-anim-ease: ease;
|
|
429
|
+
}
|
|
430
|
+
|
|
431
|
+
@keyframes fadeIn {
|
|
432
|
+
100% {
|
|
433
|
+
opacity: 1;
|
|
434
|
+
}
|
|
435
|
+
}
|
|
436
|
+
@keyframes slideIn {
|
|
437
|
+
100% {
|
|
438
|
+
transform: translateX(0);
|
|
439
|
+
}
|
|
440
|
+
}
|
|
441
|
+
@keyframes slideInFwd {
|
|
442
|
+
100% {
|
|
443
|
+
width: 272px;
|
|
444
|
+
height: 272px;
|
|
445
|
+
}
|
|
446
|
+
}
|
|
447
|
+
@keyframes slideOutRight {
|
|
448
|
+
100% {
|
|
449
|
+
width: 272px;
|
|
450
|
+
height: 272px;
|
|
451
|
+
}
|
|
452
|
+
}
|
|
453
|
+
@keyframes slideUp {
|
|
454
|
+
100% {
|
|
455
|
+
transform: translateY(0);
|
|
456
|
+
}
|
|
457
|
+
}
|
|
458
|
+
@media (width >= 481px) {
|
|
459
|
+
@keyframes slideInFwd {
|
|
460
|
+
100% {
|
|
461
|
+
width: 417px;
|
|
462
|
+
height: 417px;
|
|
463
|
+
}
|
|
464
|
+
}
|
|
465
|
+
@keyframes slideOutRight {
|
|
466
|
+
100% {
|
|
467
|
+
width: 417px;
|
|
468
|
+
height: 417px;
|
|
469
|
+
}
|
|
470
|
+
}
|
|
471
|
+
}
|
|
472
|
+
@media (width >= 48rem) {
|
|
473
|
+
@keyframes slideInFwd {
|
|
474
|
+
100% {
|
|
475
|
+
width: 330px;
|
|
476
|
+
height: 330px;
|
|
477
|
+
}
|
|
478
|
+
}
|
|
479
|
+
@keyframes slideOutRight {
|
|
480
|
+
100% {
|
|
481
|
+
width: 330px;
|
|
482
|
+
height: 330px;
|
|
483
|
+
transform: translateX(calc(100vw - 45px));
|
|
484
|
+
}
|
|
485
|
+
}
|
|
486
|
+
}
|
|
487
|
+
@media (width >= 60rem) {
|
|
488
|
+
@keyframes slideInFwd {
|
|
489
|
+
100% {
|
|
490
|
+
width: 460px;
|
|
491
|
+
height: 460px;
|
|
492
|
+
}
|
|
493
|
+
}
|
|
494
|
+
@keyframes slideOutRight {
|
|
495
|
+
100% {
|
|
496
|
+
width: 460px;
|
|
497
|
+
height: 460px;
|
|
498
|
+
transform: translateX(calc(100vw - 45px));
|
|
499
|
+
}
|
|
500
|
+
}
|
|
501
|
+
}
|
|
502
|
+
@media (width >= 75rem) {
|
|
503
|
+
@keyframes slideInFwd {
|
|
504
|
+
100% {
|
|
505
|
+
width: 592px;
|
|
506
|
+
height: 591px;
|
|
507
|
+
}
|
|
508
|
+
}
|
|
509
|
+
@keyframes slideOutRight {
|
|
510
|
+
100% {
|
|
511
|
+
width: 592px;
|
|
512
|
+
height: 591px;
|
|
513
|
+
transform: translateX(calc(100vw - 45px));
|
|
514
|
+
}
|
|
515
|
+
}
|
|
516
|
+
}
|
|
517
|
+
@media (width >= 87.5rem) {
|
|
518
|
+
@keyframes slideOutRight {
|
|
519
|
+
100% {
|
|
520
|
+
width: 592px;
|
|
521
|
+
height: 591px;
|
|
522
|
+
transform: translateX(calc(100vw - 120px));
|
|
523
|
+
}
|
|
524
|
+
}
|
|
525
|
+
}
|
|
526
|
+
@media (width >= 2200px) {
|
|
527
|
+
@keyframes slideOutRight {
|
|
528
|
+
100% {
|
|
529
|
+
width: 592px;
|
|
530
|
+
height: 591px;
|
|
531
|
+
transform: translateX(calc(100vw - 592px));
|
|
532
|
+
}
|
|
533
|
+
}
|
|
534
|
+
}
|
|
535
|
+
span.ripple {
|
|
536
|
+
position: absolute;
|
|
537
|
+
border-radius: 50%;
|
|
538
|
+
transform: scale(0);
|
|
539
|
+
animation: ripple 600ms linear;
|
|
540
|
+
background-color: var(--ripple-bg-color);
|
|
541
|
+
}
|
|
542
|
+
|
|
543
|
+
@keyframes ripple {
|
|
544
|
+
to {
|
|
545
|
+
transform: scale(4);
|
|
546
|
+
opacity: 1;
|
|
547
|
+
}
|
|
548
|
+
}
|
|
549
|
+
:root {
|
|
550
|
+
--size-base-unit: 0.5rem;
|
|
551
|
+
--cre8-l-max-width: 82.5rem;
|
|
552
|
+
/* 1 */
|
|
553
|
+
--cre8-l-linelength-width: 42rem;
|
|
554
|
+
/* 1 */
|
|
555
|
+
}
|
|
556
|
+
|
|
557
|
+
/**
|
|
558
|
+
* RTL support for values logical properties can't automatically adjust for
|
|
559
|
+
* 1) Percentage based horizontal translate values need to be flipped
|
|
560
|
+
* 2) Background gradients using "to-right" or "to-left" need to be switched to using deg values.
|
|
561
|
+
* 3) Inverse items that have 45degs
|
|
562
|
+
*/
|
|
563
|
+
[dir=rtl] {
|
|
564
|
+
--rtlTranslateX: 50%;
|
|
565
|
+
/* 1 */
|
|
566
|
+
--rtlGradientToRight: 270deg;
|
|
567
|
+
/* 2 */
|
|
568
|
+
--rtlRotate45Inverse: -45deg;
|
|
569
|
+
/* 3 */
|
|
570
|
+
}
|
|
571
|
+
|
|
572
|
+
/**
|
|
573
|
+
* Visible focus outline for elements on a light background
|
|
574
|
+
*/
|
|
575
|
+
/**
|
|
576
|
+
* Visible focus outline for elements with an error status
|
|
577
|
+
*/
|
|
578
|
+
/**
|
|
579
|
+
* Visible focus outline for elements on a dark background
|
|
580
|
+
*/
|
|
581
|
+
/**
|
|
582
|
+
* Focus state for themes that need a dashed outline for focus
|
|
583
|
+
* state
|
|
584
|
+
**/
|
|
585
|
+
/**
|
|
586
|
+
* Invisible focus outline for elements that need a more visible
|
|
587
|
+
* focus state for high-contrast mode
|
|
588
|
+
*/
|
|
589
|
+
/**
|
|
590
|
+
* Visually hidden from display
|
|
591
|
+
*/
|
|
592
|
+
/**
|
|
593
|
+
* Full height grid item
|
|
594
|
+
* 1) Stretches the item to fill the height of its row. Off by default -
|
|
595
|
+
* see the same note on \`cre8-card--full-height\`: unconditional \`height: 100%\`
|
|
596
|
+
* inside a shadow root composes unpredictably with whatever ancestor ends up
|
|
597
|
+
* establishing the item's containing block.
|
|
598
|
+
*/
|
|
599
|
+
.cre8-c-grid__item--full-height {
|
|
600
|
+
height: 100%;
|
|
601
|
+
}`;var c=Object.defineProperty,h=(n,e,o,u)=>{for(var t=void 0,r=n.length-1,d;r>=0;r--)(d=n[r])&&(t=d(e,o,t)||t);return t&&c(e,o,t),t};const a=class a extends l{render(){const e=this.componentClassNames("cre8-c-grid__item",{"cre8-c-grid__item--full-height":this.fullHeight===!0});return s`
|
|
602
|
+
<div class="${e}">
|
|
603
|
+
<slot></slot>
|
|
604
|
+
</div>
|
|
605
|
+
`}};a.styles=[g];let i=a;h([p({type:Boolean,reflect:!0})],i.prototype,"fullHeight");customElements.get("cre8-grid-item")===void 0&&customElements.define("cre8-grid-item",i);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{b as r}from"./iframe-
|
|
1
|
+
import{b as r}from"./iframe-DgoqrgRr.js";import"./f-po-CDPxLfff.js";import{s as T}from"./spread-Cc0YLoqh.js";import"./grid-item-DdpNu2ee.js";import"./grid-CKI7ODmO.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-Bh0SnORx.js";import"./cre8-element-D4jUl3yv.js";import"./_commonjsHelpers-DaWZu8wl.js";const B={title:"Cre8 Components/Grid",component:"cre8-grid",parameters:{status:{type:"inProgress"}}},e=l=>r`<cre8-grid ${T(l)}>
|
|
2
2
|
<cre8-grid-item>
|
|
3
3
|
<f-po>Grid Item 1</f-po>
|
|
4
4
|
</cre8-grid-item>
|
|
@@ -612,4 +612,4 @@ import{b as r}from"./iframe-BH5yZqve.js";import"./f-po-Bskj3oQY.js";import{s as
|
|
|
612
612
|
<cre8-grid-item>
|
|
613
613
|
<f-po>Grid Item 12</f-po>
|
|
614
614
|
</cre8-grid-item>
|
|
615
|
-
</cre8-grid>\``,...u.parameters?.docs?.source}}};const
|
|
615
|
+
</cre8-grid>\``,...u.parameters?.docs?.source}}};const y=["Default","SideBySide","TwoUp","TwoUpBreakFaster","TwoUpBreakSlower","ThreeUp","OneToThreeUp","OneToThreeUpBreakFaster","OneToThreeUpBreakSlower","OneToFourUp","OneToTwoToFourUp","FourUp","GapNoneFourUp","GapSmallFourUp","GapLargeFourUp","TwoTo4to6Up"];export{e as Default,a as FourUp,I as GapLargeFourUp,G as GapNoneFourUp,s as GapSmallFourUp,f as OneToFourUp,c as OneToThreeUp,p as OneToThreeUpBreakFaster,g as OneToThreeUpBreakSlower,n as OneToTwoToFourUp,i as SideBySide,o as ThreeUp,u as TwoTo4to6Up,t as TwoUp,d as TwoUpBreakFaster,m as TwoUpBreakSlower,y as __namedExportsOrder,B as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as p,b as a}from"./iframe-
|
|
1
|
+
import{a as p,b as a}from"./iframe-DgoqrgRr.js";import"./f-po-CDPxLfff.js";import{s as l}from"./spread-Cc0YLoqh.js";import{r as c}from"./state-ClQJCb1N.js";import{C as g}from"./cre8-element-D4jUl3yv.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-Bh0SnORx.js";import"./_commonjsHelpers-DaWZu8wl.js";const h=p`.cre8-u-content-knockout-brand {
|
|
2
2
|
color: var(----cre8-color-content-knockout-brand);
|
|
3
3
|
}
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as h,b as t}from"./iframe-
|
|
1
|
+
import{a as h,b as t}from"./iframe-DgoqrgRr.js";import{C as m,n as l}from"./cre8-element-D4jUl3yv.js";const s=h`@charset "UTF-8";
|
|
2
2
|
.cre8-u-content-knockout-brand {
|
|
3
3
|
color: var(----cre8-color-content-knockout-brand);
|
|
4
4
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{b as $}from"./iframe-
|
|
1
|
+
import{b as $}from"./iframe-DgoqrgRr.js";import{s as C}from"./spread-Cc0YLoqh.js";import"./heading-TaL9d36K.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-D4jUl3yv.js";import"./_commonjsHelpers-DaWZu8wl.js";const w={title:"cre8 Components/Heading",component:"cre8-heading",parameters:{status:{type:"inProgress"}},render:e=>$`<cre8-heading ${C(e)}>Heading</cre8-heading>`,argTypes:{type:{options:["display-default","display-small","headline-large","headline-default","headline-small","title-xlarge","title-large","title-default","title-small","label-large","label-default","label-small","meta-large","meta-default","meta-small"],control:{type:"radio"}},tagVariant:{options:["h1","h2","h3","h4","h5","h6"],control:{type:"radio"}},brandColor:{control:{type:"boolean"}},inverted:{control:{type:"boolean"}}}},a={},r={args:{type:"display-default"}},s={args:{type:"display-small"}},t={args:{type:"headline-large"}},o={args:{type:"headline-default"}},n={args:{type:"headline-small"}},l={args:{type:"title-xlarge"}},c={args:{type:"title-large"}},d={args:{type:"title-default"}},p={args:{type:"title-small"}},i={args:{type:"label-large"}},m={args:{type:"label-default"}},g={args:{type:"label-small"}},u={args:{type:"meta-large"}},h={args:{type:"meta-default"}},y={args:{type:"meta-small"}},S={args:{tagVariant:"h1"}},f={args:{tagVariant:"h2"}},b={args:{tagVariant:"h3"}},v={args:{tagVariant:"h4"}},D={args:{tagVariant:"h5"}},L={args:{tagVariant:"h6"}},V={args:{brandColor:!0}},k={render:e=>$`<div style="padding: 20px; background: #000;">
|
|
2
2
|
<cre8-heading ${C(e)} ?inverted=${!0}>Heading style for dark backgrounds</cre8-heading>
|
|
3
3
|
</div>`},H={render:e=>$`<div style="padding: 20px; background: #000;">
|
|
4
4
|
<cre8-heading ${C(e)} ?brandColor=${!0} ?inverted=${!0}>Heading with brand color for dark backgrounds</cre8-heading>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as v,b as t}from"./iframe-
|
|
1
|
+
import{a as v,b as t}from"./iframe-DgoqrgRr.js";import"./heading-TaL9d36K.js";import"./text-passage-D_pRCxLR.js";import{C as w,n as p}from"./cre8-element-D4jUl3yv.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";const z=v`.cre8-u-content-knockout-brand {
|
|
2
2
|
color: var(----cre8-color-content-knockout-brand);
|
|
3
3
|
}
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as u,b as i,o as f}from"./iframe-
|
|
1
|
+
import{a as u,b as i,o as f}from"./iframe-DgoqrgRr.js";import{o as p}from"./if-defined-Bh0SnORx.js";import{C as b,n as t}from"./cre8-element-D4jUl3yv.js";const x=u`.cre8-u-content-knockout-brand {
|
|
2
2
|
color: var(----cre8-color-content-knockout-brand);
|
|
3
3
|
}
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{b as o}from"./iframe-
|
|
1
|
+
import{b as o}from"./iframe-DgoqrgRr.js";import{s as n}from"./spread-Cc0YLoqh.js";import"./icon-BmyJ3psE.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-Bh0SnORx.js";import"./cre8-element-D4jUl3yv.js";import"./_commonjsHelpers-DaWZu8wl.js";const t=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
|
|
2
2
|
<path d="M8 0C6.41775 0 4.87103 0.469192 3.55544 1.34824C2.23985 2.22729 1.21447 3.47672 0.608967 4.93853C0.00346628 6.40034 -0.15496 8.00887 0.153721 9.56072C0.462403 11.1126 1.22433 12.538 2.34315 13.6569C3.46197 14.7757 4.88743 15.5376 6.43928 15.8463C7.99113 16.155 9.59966 15.9965 11.0615 15.391C12.5233 14.7855 13.7727 13.7602 14.6518 12.4446C15.5308 11.129 16 9.58225 16 8C15.9978 5.87895 15.1542 3.84542 13.6544 2.34562C12.1546 0.845814 10.121 0.00223986 8 0ZM7.69231 3.69231C7.87488 3.69231 8.05334 3.74644 8.20514 3.84787C8.35694 3.9493 8.47526 4.09347 8.54512 4.26214C8.61499 4.43081 8.63327 4.61641 8.59765 4.79547C8.56203 4.97453 8.47412 5.139 8.34502 5.2681C8.21593 5.39719 8.05145 5.48511 7.87239 5.52072C7.69333 5.55634 7.50773 5.53806 7.33906 5.46819C7.17039 5.39833 7.02623 5.28002 6.9248 5.12822C6.82337 4.97642 6.76923 4.79795 6.76923 4.61538C6.76923 4.37057 6.86649 4.13578 7.0396 3.96267C7.21271 3.78956 7.44749 3.69231 7.69231 3.69231ZM8.61539 12.3077C8.28897 12.3077 7.97591 12.178 7.7451 11.9472C7.51429 11.7164 7.38462 11.4033 7.38462 11.0769V8C7.22141 8 7.06488 7.93516 6.94947 7.81976C6.83407 7.70435 6.76923 7.54782 6.76923 7.38461C6.76923 7.2214 6.83407 7.06488 6.94947 6.94947C7.06488 6.83406 7.22141 6.76923 7.38462 6.76923C7.71104 6.76923 8.02409 6.8989 8.2549 7.12971C8.48572 7.36053 8.61539 7.67358 8.61539 8V11.0769C8.7786 11.0769 8.93512 11.1418 9.05053 11.2572C9.16594 11.3726 9.23077 11.5291 9.23077 11.6923C9.23077 11.8555 9.16594 12.012 9.05053 12.1274C8.93512 12.2429 8.7786 12.3077 8.61539 12.3077Z"/>
|
|
3
3
|
</svg>
|
|
4
4
|
`,l={title:"cre8 Components/Icon/Icon",component:"cre8-icon-legacy",parameters:{status:{type:"inProgress"}},args:{name:"add"}},r=e=>o`
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{A as r}from"./iframe-DgoqrgRr.js";const m=o=>o??r;export{m as o};
|