@dereekb/dbx-components-mcp 14.12.0 → 14.14.0
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/dbx-components-mcp.js +3 -3
- package/generated/dereekb-dbx-form.forge-fields.mcp.generated.json +62 -0
- package/generated/dereekb-dbx-web.css-utilities.mcp.generated.json +359 -100
- package/generated/dereekb-dbx-web.tokens.mcp.generated.json +229 -5
- package/generated/dereekb-dbx-web.ui-components.mcp.generated.json +50 -4
- package/generated/dereekb-demo.dbx-docs-ui-examples.mcp.generated.json +52 -0
- package/generated/dereekb-util.utils.mcp.generated.json +38 -0
- package/package.json +3 -3
|
@@ -584,6 +584,194 @@
|
|
|
584
584
|
"--dbx-padding-2"
|
|
585
585
|
]
|
|
586
586
|
},
|
|
587
|
+
{
|
|
588
|
+
"slug": "button-floating",
|
|
589
|
+
"selector": ".dbx-button-floating",
|
|
590
|
+
"source": "@dereekb/dbx-web",
|
|
591
|
+
"module": "@dereekb/dbx-web",
|
|
592
|
+
"file": "src/lib/button/_button.scss",
|
|
593
|
+
"line": 205,
|
|
594
|
+
"declarations": [
|
|
595
|
+
{
|
|
596
|
+
"property": "position",
|
|
597
|
+
"value": "sticky"
|
|
598
|
+
},
|
|
599
|
+
{
|
|
600
|
+
"property": "z-index",
|
|
601
|
+
"value": "var(--dbx-button-floating-z-index, 10)"
|
|
602
|
+
},
|
|
603
|
+
{
|
|
604
|
+
"property": "bottom",
|
|
605
|
+
"value": "$button-floating-offset-y"
|
|
606
|
+
},
|
|
607
|
+
{
|
|
608
|
+
"property": "display",
|
|
609
|
+
"value": "flex"
|
|
610
|
+
},
|
|
611
|
+
{
|
|
612
|
+
"property": "gap",
|
|
613
|
+
"value": "var(--dbx-padding-2)"
|
|
614
|
+
},
|
|
615
|
+
{
|
|
616
|
+
"property": "width",
|
|
617
|
+
"value": "fit-content"
|
|
618
|
+
},
|
|
619
|
+
{
|
|
620
|
+
"property": "margin-left",
|
|
621
|
+
"value": "auto"
|
|
622
|
+
},
|
|
623
|
+
{
|
|
624
|
+
"property": "--mat-button-protected-container-elevation-shadow",
|
|
625
|
+
"value": "var(--mat-sys-level3)"
|
|
626
|
+
},
|
|
627
|
+
{
|
|
628
|
+
"property": "--mat-button-protected-focus-container-elevation-shadow",
|
|
629
|
+
"value": "var(--mat-sys-level3)"
|
|
630
|
+
},
|
|
631
|
+
{
|
|
632
|
+
"property": "--mat-button-protected-pressed-container-elevation-shadow",
|
|
633
|
+
"value": "var(--mat-sys-level3)"
|
|
634
|
+
},
|
|
635
|
+
{
|
|
636
|
+
"property": "--mat-button-protected-hover-container-elevation-shadow",
|
|
637
|
+
"value": "var(--mat-sys-level4)"
|
|
638
|
+
}
|
|
639
|
+
],
|
|
640
|
+
"role": "layout",
|
|
641
|
+
"intent": "float a button (or a wrapper holding several buttons) over the content with `position: sticky` — pinned `offset-y` from the bottom of its scroll container while its parent section is on screen, right-aligned by default. Raised buttons get FAB-level elevation. Compose with `.dbx-button-floating-top` / `-left` / `-center` to reposition, or `.dbx-button-floating-fixed` to pin to the viewport. Sticky breaks when an ancestor between the host and the scroller sets `overflow`. Tune with `--dbx-button-floating-offset` (or `-offset-x` / `-offset-y`) and `--dbx-button-floating-z-index`",
|
|
642
|
+
"seeAlso": [
|
|
643
|
+
"button-floating-fixed",
|
|
644
|
+
"button-floating-top",
|
|
645
|
+
"button-floating-left",
|
|
646
|
+
"button-floating-center",
|
|
647
|
+
"content-pit-floating-button"
|
|
648
|
+
],
|
|
649
|
+
"tokensRead": [
|
|
650
|
+
"--dbx-button-floating-z-index",
|
|
651
|
+
"--dbx-padding-2",
|
|
652
|
+
"--mat-sys-level3",
|
|
653
|
+
"--mat-sys-level4"
|
|
654
|
+
],
|
|
655
|
+
"tokensSet": [
|
|
656
|
+
"--mat-button-protected-container-elevation-shadow",
|
|
657
|
+
"--mat-button-protected-focus-container-elevation-shadow",
|
|
658
|
+
"--mat-button-protected-hover-container-elevation-shadow",
|
|
659
|
+
"--mat-button-protected-pressed-container-elevation-shadow"
|
|
660
|
+
]
|
|
661
|
+
},
|
|
662
|
+
{
|
|
663
|
+
"slug": "button-floating-center",
|
|
664
|
+
"selector": ".dbx-button-floating-center",
|
|
665
|
+
"source": "@dereekb/dbx-web",
|
|
666
|
+
"module": "@dereekb/dbx-web",
|
|
667
|
+
"file": "src/lib/button/_button.scss",
|
|
668
|
+
"line": 265,
|
|
669
|
+
"declarations": [
|
|
670
|
+
{
|
|
671
|
+
"property": "margin-left",
|
|
672
|
+
"value": "auto"
|
|
673
|
+
},
|
|
674
|
+
{
|
|
675
|
+
"property": "margin-right",
|
|
676
|
+
"value": "auto"
|
|
677
|
+
}
|
|
678
|
+
],
|
|
679
|
+
"role": "layout",
|
|
680
|
+
"intent": "horizontally center a `.dbx-button-floating` instead of right-aligning it",
|
|
681
|
+
"seeAlso": [
|
|
682
|
+
"button-floating",
|
|
683
|
+
"button-floating-top",
|
|
684
|
+
"button-floating-left"
|
|
685
|
+
],
|
|
686
|
+
"parent": "button-floating"
|
|
687
|
+
},
|
|
688
|
+
{
|
|
689
|
+
"slug": "button-floating-fixed",
|
|
690
|
+
"selector": ".dbx-button-floating-fixed",
|
|
691
|
+
"source": "@dereekb/dbx-web",
|
|
692
|
+
"module": "@dereekb/dbx-web",
|
|
693
|
+
"file": "src/lib/button/_button.scss",
|
|
694
|
+
"line": 226,
|
|
695
|
+
"declarations": [
|
|
696
|
+
{
|
|
697
|
+
"property": "position",
|
|
698
|
+
"value": "fixed"
|
|
699
|
+
},
|
|
700
|
+
{
|
|
701
|
+
"property": "margin",
|
|
702
|
+
"value": "0"
|
|
703
|
+
},
|
|
704
|
+
{
|
|
705
|
+
"property": "right",
|
|
706
|
+
"value": "$button-floating-offset-x"
|
|
707
|
+
},
|
|
708
|
+
{
|
|
709
|
+
"property": "bottom",
|
|
710
|
+
"value": "$button-floating-offset-y"
|
|
711
|
+
}
|
|
712
|
+
],
|
|
713
|
+
"role": "layout",
|
|
714
|
+
"intent": "pin a `.dbx-button-floating` to the viewport with `position: fixed` — a classic floating action button, `offset-x` / `offset-y` from the bottom-right corner by default (composes with `-top` / `-left` / `-center`). Breaks when an ancestor sets `transform`, `filter` or `contain`, which re-anchors fixed positioning to that ancestor",
|
|
715
|
+
"seeAlso": [
|
|
716
|
+
"button-floating",
|
|
717
|
+
"button-floating-top",
|
|
718
|
+
"button-floating-left",
|
|
719
|
+
"button-floating-center"
|
|
720
|
+
],
|
|
721
|
+
"parent": "button-floating"
|
|
722
|
+
},
|
|
723
|
+
{
|
|
724
|
+
"slug": "button-floating-left",
|
|
725
|
+
"selector": ".dbx-button-floating-left",
|
|
726
|
+
"source": "@dereekb/dbx-web",
|
|
727
|
+
"module": "@dereekb/dbx-web",
|
|
728
|
+
"file": "src/lib/button/_button.scss",
|
|
729
|
+
"line": 250,
|
|
730
|
+
"declarations": [
|
|
731
|
+
{
|
|
732
|
+
"property": "margin-left",
|
|
733
|
+
"value": "0"
|
|
734
|
+
},
|
|
735
|
+
{
|
|
736
|
+
"property": "margin-right",
|
|
737
|
+
"value": "auto"
|
|
738
|
+
}
|
|
739
|
+
],
|
|
740
|
+
"role": "layout",
|
|
741
|
+
"intent": "align a `.dbx-button-floating` to the left edge instead of the right",
|
|
742
|
+
"seeAlso": [
|
|
743
|
+
"button-floating",
|
|
744
|
+
"button-floating-top",
|
|
745
|
+
"button-floating-center"
|
|
746
|
+
],
|
|
747
|
+
"parent": "button-floating"
|
|
748
|
+
},
|
|
749
|
+
{
|
|
750
|
+
"slug": "button-floating-top",
|
|
751
|
+
"selector": ".dbx-button-floating-top",
|
|
752
|
+
"source": "@dereekb/dbx-web",
|
|
753
|
+
"module": "@dereekb/dbx-web",
|
|
754
|
+
"file": "src/lib/button/_button.scss",
|
|
755
|
+
"line": 240,
|
|
756
|
+
"declarations": [
|
|
757
|
+
{
|
|
758
|
+
"property": "top",
|
|
759
|
+
"value": "$button-floating-offset-y"
|
|
760
|
+
},
|
|
761
|
+
{
|
|
762
|
+
"property": "bottom",
|
|
763
|
+
"value": "auto"
|
|
764
|
+
}
|
|
765
|
+
],
|
|
766
|
+
"role": "layout",
|
|
767
|
+
"intent": "pin a `.dbx-button-floating` to the top edge (`offset-y` from the top) instead of the bottom — in sticky mode place the host at the start of its section",
|
|
768
|
+
"seeAlso": [
|
|
769
|
+
"button-floating",
|
|
770
|
+
"button-floating-left",
|
|
771
|
+
"button-floating-center"
|
|
772
|
+
],
|
|
773
|
+
"parent": "button-floating"
|
|
774
|
+
},
|
|
587
775
|
{
|
|
588
776
|
"slug": "button-form-field-height",
|
|
589
777
|
"selector": ".dbx-button-form-field-height",
|
|
@@ -1203,7 +1391,7 @@
|
|
|
1203
1391
|
"source": "@dereekb/dbx-web",
|
|
1204
1392
|
"module": "@dereekb/dbx-web",
|
|
1205
1393
|
"file": "src/lib/layout/text/_text.scss",
|
|
1206
|
-
"line":
|
|
1394
|
+
"line": 460,
|
|
1207
1395
|
"declarations": [
|
|
1208
1396
|
{
|
|
1209
1397
|
"property": "font-size",
|
|
@@ -1272,7 +1460,7 @@
|
|
|
1272
1460
|
"source": "@dereekb/dbx-web",
|
|
1273
1461
|
"module": "@dereekb/dbx-web",
|
|
1274
1462
|
"file": "src/lib/layout/text/_text.scss",
|
|
1275
|
-
"line":
|
|
1463
|
+
"line": 530,
|
|
1276
1464
|
"declarations": [
|
|
1277
1465
|
{
|
|
1278
1466
|
"property": "margin",
|
|
@@ -1291,7 +1479,7 @@
|
|
|
1291
1479
|
"source": "@dereekb/dbx-web",
|
|
1292
1480
|
"module": "@dereekb/dbx-web",
|
|
1293
1481
|
"file": "src/lib/layout/text/_text.scss",
|
|
1294
|
-
"line":
|
|
1482
|
+
"line": 491,
|
|
1295
1483
|
"declarations": [
|
|
1296
1484
|
{
|
|
1297
1485
|
"property": "margin-right",
|
|
@@ -1511,7 +1699,7 @@
|
|
|
1511
1699
|
}
|
|
1512
1700
|
],
|
|
1513
1701
|
"role": "layout",
|
|
1514
|
-
"intent": "recessed surface pit (\"negative elevation\") — a semi-transparent tonal wash of the active dbxColor over `--mat-sys-surface-dim` (the dimmest/greyest M3 surface, the opposite end of the dim/bright pair from `.dbx-content-elevate`) so the lighter surface behind shows through, with a `padding-4` inset, used to visually nest content (e.g. logs, JSON, quoted blocks); rounded by default, opt out with `.dbx-corners-none`",
|
|
1702
|
+
"intent": "recessed surface pit (\"negative elevation\") — a semi-transparent tonal wash of the active dbxColor over `--mat-sys-surface-dim` (the dimmest/greyest M3 surface, the opposite end of the dim/bright pair from `.dbx-content-elevate`) so the lighter surface behind shows through, with a `padding-4` inset, used to visually nest content (e.g. logs, JSON, quoted blocks); rounded by default, opt out with `.dbx-corners-none`. Draws a thin 1px edge derived from its own background (a translucent ink of the active dbxColor + `on-surface` laid over the fill), so the edge follows dbxColor and background overrides — tune it with `--dbx-content-pit-border-width` (`0` removes it), `--dbx-content-pit-border-tone` (percentage), or `--dbx-content-pit-border-color`",
|
|
1515
1703
|
"seeAlso": [
|
|
1516
1704
|
"dbx-content-pit-scrollable",
|
|
1517
1705
|
"dbx-content-border",
|
|
@@ -1852,7 +2040,7 @@
|
|
|
1852
2040
|
"source": "@dereekb/dbx-web",
|
|
1853
2041
|
"module": "@dereekb/dbx-web",
|
|
1854
2042
|
"file": "src/lib/layout/text/_text.scss",
|
|
1855
|
-
"line":
|
|
2043
|
+
"line": 167,
|
|
1856
2044
|
"declarations": [
|
|
1857
2045
|
{
|
|
1858
2046
|
"property": "display",
|
|
@@ -1876,6 +2064,129 @@
|
|
|
1876
2064
|
"--dbx-padding-1"
|
|
1877
2065
|
]
|
|
1878
2066
|
},
|
|
2067
|
+
{
|
|
2068
|
+
"slug": "detail-block-tile",
|
|
2069
|
+
"selector": ".dbx-detail-block-tile",
|
|
2070
|
+
"source": "@dereekb/dbx-web",
|
|
2071
|
+
"module": "@dereekb/dbx-web",
|
|
2072
|
+
"file": "src/lib/layout/text/_text.scss",
|
|
2073
|
+
"line": 209,
|
|
2074
|
+
"declarations": [
|
|
2075
|
+
{
|
|
2076
|
+
"property": "position",
|
|
2077
|
+
"value": "relative"
|
|
2078
|
+
},
|
|
2079
|
+
{
|
|
2080
|
+
"property": "min-height",
|
|
2081
|
+
"value": "var(--dbx-detail-block-tile-size, #{$dbx-detail-block-tile-size})"
|
|
2082
|
+
},
|
|
2083
|
+
{
|
|
2084
|
+
"property": "padding-left",
|
|
2085
|
+
"value": "calc(var(--dbx-detail-block-tile-size, #{$dbx-detail-block-tile-size}) + var(--dbx-detail-block-tile-gap, var(--dbx-padding-3)))"
|
|
2086
|
+
},
|
|
2087
|
+
{
|
|
2088
|
+
"property": "padding-bottom",
|
|
2089
|
+
"value": "var(--dbx-detail-block-tile-padding-bottom, var(--dbx-padding-4))"
|
|
2090
|
+
},
|
|
2091
|
+
{
|
|
2092
|
+
"property": "font-size",
|
|
2093
|
+
"value": "$dbx-detail-block-tile-font-size"
|
|
2094
|
+
},
|
|
2095
|
+
{
|
|
2096
|
+
"property": "line-height",
|
|
2097
|
+
"value": "$dbx-detail-block-tile-line-height"
|
|
2098
|
+
},
|
|
2099
|
+
{
|
|
2100
|
+
"property": "color",
|
|
2101
|
+
"value": "var(--dbx-detail-block-tile-text-color, var(--mat-sys-on-surface))"
|
|
2102
|
+
}
|
|
2103
|
+
],
|
|
2104
|
+
"role": "layout",
|
|
2105
|
+
"intent": "tile-styled detail block — add to a `<dbx-detail-block>` to draw its icon in a round tile beside the content, show the header as a small uppercase label, and show the `[header]` slot and body content as full-strength text below it. Pair with `.dbx-detail-block-tile-value` / `.dbx-detail-block-tile-hint` for the bold value and muted secondary lines, and with `[dbxColor]` (plus `[dbxColorTone]` for a tonal tile) to color the tile and label. Customize via the `--dbx-detail-block-tile-*` CSS variables.",
|
|
2106
|
+
"seeAlso": [
|
|
2107
|
+
"detail-block-tile-value",
|
|
2108
|
+
"detail-block-tile-hint",
|
|
2109
|
+
"icon-tile"
|
|
2110
|
+
],
|
|
2111
|
+
"parent": "detail-block",
|
|
2112
|
+
"tokensRead": [
|
|
2113
|
+
"--dbx-detail-block-tile-background",
|
|
2114
|
+
"--dbx-detail-block-tile-gap",
|
|
2115
|
+
"--dbx-detail-block-tile-icon-color",
|
|
2116
|
+
"--dbx-detail-block-tile-icon-size",
|
|
2117
|
+
"--dbx-detail-block-tile-label-color",
|
|
2118
|
+
"--dbx-detail-block-tile-padding-bottom",
|
|
2119
|
+
"--dbx-detail-block-tile-shape",
|
|
2120
|
+
"--dbx-detail-block-tile-size",
|
|
2121
|
+
"--dbx-detail-block-tile-text-color",
|
|
2122
|
+
"--dbx-padding-3",
|
|
2123
|
+
"--dbx-padding-4",
|
|
2124
|
+
"--mat-sys-on-surface",
|
|
2125
|
+
"--mat-sys-on-surface-variant",
|
|
2126
|
+
"--mat-sys-outline",
|
|
2127
|
+
"--mat-sys-surface-container-high"
|
|
2128
|
+
]
|
|
2129
|
+
},
|
|
2130
|
+
{
|
|
2131
|
+
"slug": "detail-block-tile-hint",
|
|
2132
|
+
"selector": ".dbx-detail-block-tile-hint",
|
|
2133
|
+
"source": "@dereekb/dbx-web",
|
|
2134
|
+
"module": "@dereekb/dbx-web",
|
|
2135
|
+
"file": "src/lib/layout/text/_text.scss",
|
|
2136
|
+
"line": 304,
|
|
2137
|
+
"declarations": [
|
|
2138
|
+
{
|
|
2139
|
+
"property": "display",
|
|
2140
|
+
"value": "block"
|
|
2141
|
+
},
|
|
2142
|
+
{
|
|
2143
|
+
"property": "font-size",
|
|
2144
|
+
"value": "$dbx-detail-block-tile-hint-font-size"
|
|
2145
|
+
},
|
|
2146
|
+
{
|
|
2147
|
+
"property": "line-height",
|
|
2148
|
+
"value": "$dbx-detail-block-tile-hint-line-height"
|
|
2149
|
+
},
|
|
2150
|
+
{
|
|
2151
|
+
"property": "color",
|
|
2152
|
+
"value": "var(--dbx-detail-block-tile-hint-color, var(--mat-sys-on-surface-variant))"
|
|
2153
|
+
}
|
|
2154
|
+
],
|
|
2155
|
+
"role": "text",
|
|
2156
|
+
"intent": "muted secondary line inside a `.dbx-detail-block-tile` — smaller supporting text under the value (an address, a day count, a timezone)",
|
|
2157
|
+
"seeAlso": [
|
|
2158
|
+
"detail-block-tile-value"
|
|
2159
|
+
],
|
|
2160
|
+
"parent": "detail-block-tile",
|
|
2161
|
+
"tokensRead": [
|
|
2162
|
+
"--dbx-detail-block-tile-hint-color",
|
|
2163
|
+
"--mat-sys-on-surface-variant"
|
|
2164
|
+
]
|
|
2165
|
+
},
|
|
2166
|
+
{
|
|
2167
|
+
"slug": "detail-block-tile-value",
|
|
2168
|
+
"selector": ".dbx-detail-block-tile-value",
|
|
2169
|
+
"source": "@dereekb/dbx-web",
|
|
2170
|
+
"module": "@dereekb/dbx-web",
|
|
2171
|
+
"file": "src/lib/layout/text/_text.scss",
|
|
2172
|
+
"line": 294,
|
|
2173
|
+
"declarations": [
|
|
2174
|
+
{
|
|
2175
|
+
"property": "display",
|
|
2176
|
+
"value": "block"
|
|
2177
|
+
},
|
|
2178
|
+
{
|
|
2179
|
+
"property": "font-weight",
|
|
2180
|
+
"value": "$dbx-detail-block-tile-value-font-weight"
|
|
2181
|
+
}
|
|
2182
|
+
],
|
|
2183
|
+
"role": "text",
|
|
2184
|
+
"intent": "bold value line inside a `.dbx-detail-block-tile` — the headline fact under the label (a date range, a time span, a name)",
|
|
2185
|
+
"seeAlso": [
|
|
2186
|
+
"detail-block-tile-hint"
|
|
2187
|
+
],
|
|
2188
|
+
"parent": "detail-block-tile"
|
|
2189
|
+
},
|
|
1879
2190
|
{
|
|
1880
2191
|
"slug": "dialog-content",
|
|
1881
2192
|
"selector": ".dbx-dialog-content",
|
|
@@ -1908,7 +2219,7 @@
|
|
|
1908
2219
|
"source": "@dereekb/dbx-web",
|
|
1909
2220
|
"module": "@dereekb/dbx-web",
|
|
1910
2221
|
"file": "src/lib/layout/text/_text.scss",
|
|
1911
|
-
"line":
|
|
2222
|
+
"line": 478,
|
|
1912
2223
|
"declarations": [
|
|
1913
2224
|
{
|
|
1914
2225
|
"property": "display",
|
|
@@ -1982,7 +2293,7 @@
|
|
|
1982
2293
|
"source": "@dereekb/dbx-web",
|
|
1983
2294
|
"module": "@dereekb/dbx-web",
|
|
1984
2295
|
"file": "src/lib/layout/text/_text.scss",
|
|
1985
|
-
"line":
|
|
2296
|
+
"line": 581,
|
|
1986
2297
|
"declarations": [
|
|
1987
2298
|
{
|
|
1988
2299
|
"property": "opacity",
|
|
@@ -2297,7 +2608,7 @@
|
|
|
2297
2608
|
"source": "@dereekb/dbx-web",
|
|
2298
2609
|
"module": "@dereekb/dbx-web",
|
|
2299
2610
|
"file": "src/lib/layout/text/_text.scss",
|
|
2300
|
-
"line":
|
|
2611
|
+
"line": 449,
|
|
2301
2612
|
"declarations": [
|
|
2302
2613
|
{
|
|
2303
2614
|
"property": "font-size",
|
|
@@ -2376,7 +2687,7 @@
|
|
|
2376
2687
|
"source": "@dereekb/dbx-web",
|
|
2377
2688
|
"module": "@dereekb/dbx-web",
|
|
2378
2689
|
"file": "src/lib/layout/text/_text.scss",
|
|
2379
|
-
"line":
|
|
2690
|
+
"line": 572,
|
|
2380
2691
|
"declarations": [
|
|
2381
2692
|
{
|
|
2382
2693
|
"property": "opacity",
|
|
@@ -2416,7 +2727,7 @@
|
|
|
2416
2727
|
"source": "@dereekb/dbx-web",
|
|
2417
2728
|
"module": "@dereekb/dbx-web",
|
|
2418
2729
|
"file": "src/lib/layout/text/_text.scss",
|
|
2419
|
-
"line":
|
|
2730
|
+
"line": 441,
|
|
2420
2731
|
"declarations": [
|
|
2421
2732
|
{
|
|
2422
2733
|
"property": "margin-right",
|
|
@@ -2436,64 +2747,12 @@
|
|
|
2436
2747
|
"source": "@dereekb/dbx-web",
|
|
2437
2748
|
"module": "@dereekb/dbx-web",
|
|
2438
2749
|
"file": "src/lib/layout/text/_text.scss",
|
|
2439
|
-
"line":
|
|
2440
|
-
"declarations": [
|
|
2441
|
-
{
|
|
2442
|
-
"property": "display",
|
|
2443
|
-
"value": "flex"
|
|
2444
|
-
},
|
|
2445
|
-
{
|
|
2446
|
-
"property": "align-items",
|
|
2447
|
-
"value": "center"
|
|
2448
|
-
},
|
|
2449
|
-
{
|
|
2450
|
-
"property": "justify-content",
|
|
2451
|
-
"value": "center"
|
|
2452
|
-
},
|
|
2453
|
-
{
|
|
2454
|
-
"property": "border-radius",
|
|
2455
|
-
"value": "var(--dbx-icon-tile-border-radius, var(--mat-sys-corner-medium, 12px))"
|
|
2456
|
-
},
|
|
2457
|
-
{
|
|
2458
|
-
"property": "padding",
|
|
2459
|
-
"value": "var(--dbx-icon-tile-padding, 8px)"
|
|
2460
|
-
},
|
|
2461
|
-
{
|
|
2462
|
-
"property": "width",
|
|
2463
|
-
"value": "var(--dbx-icon-tile-width)"
|
|
2464
|
-
},
|
|
2465
|
-
{
|
|
2466
|
-
"property": "height",
|
|
2467
|
-
"value": "var(--dbx-icon-tile-height)"
|
|
2468
|
-
},
|
|
2469
|
-
{
|
|
2470
|
-
"property": "min-width",
|
|
2471
|
-
"value": "var(--dbx-icon-tile-min-width)"
|
|
2472
|
-
},
|
|
2473
|
-
{
|
|
2474
|
-
"property": "font-size",
|
|
2475
|
-
"value": "var(--dbx-icon-tile-font-size)"
|
|
2476
|
-
},
|
|
2477
|
-
{
|
|
2478
|
-
"property": "font-weight",
|
|
2479
|
-
"value": "var(--dbx-icon-tile-font-weight)"
|
|
2480
|
-
}
|
|
2481
|
-
],
|
|
2750
|
+
"line": 347,
|
|
2751
|
+
"declarations": [],
|
|
2482
2752
|
"role": "layout",
|
|
2483
2753
|
"intent": "rounded, padded icon container — the visible body of `<dbx-icon-tile>` / `[dbxIconTile]`. Customize via the `--dbx-icon-tile-*` CSS variables.",
|
|
2484
2754
|
"component": "DbxIconTileComponent",
|
|
2485
|
-
"scope": "component-class"
|
|
2486
|
-
"tokensRead": [
|
|
2487
|
-
"--dbx-icon-tile-border-radius",
|
|
2488
|
-
"--dbx-icon-tile-font-size",
|
|
2489
|
-
"--dbx-icon-tile-font-weight",
|
|
2490
|
-
"--dbx-icon-tile-height",
|
|
2491
|
-
"--dbx-icon-tile-icon-size",
|
|
2492
|
-
"--dbx-icon-tile-min-width",
|
|
2493
|
-
"--dbx-icon-tile-padding",
|
|
2494
|
-
"--dbx-icon-tile-width",
|
|
2495
|
-
"--mat-sys-corner-medium"
|
|
2496
|
-
]
|
|
2755
|
+
"scope": "component-class"
|
|
2497
2756
|
},
|
|
2498
2757
|
{
|
|
2499
2758
|
"slug": "icon-tile-round",
|
|
@@ -2501,7 +2760,7 @@
|
|
|
2501
2760
|
"source": "@dereekb/dbx-web",
|
|
2502
2761
|
"module": "@dereekb/dbx-web",
|
|
2503
2762
|
"file": "src/lib/layout/text/_text.scss",
|
|
2504
|
-
"line":
|
|
2763
|
+
"line": 373,
|
|
2505
2764
|
"declarations": [
|
|
2506
2765
|
{
|
|
2507
2766
|
"property": "border-radius",
|
|
@@ -2541,7 +2800,7 @@
|
|
|
2541
2800
|
"source": "@dereekb/dbx-web",
|
|
2542
2801
|
"module": "@dereekb/dbx-web",
|
|
2543
2802
|
"file": "src/lib/layout/text/_text.scss",
|
|
2544
|
-
"line":
|
|
2803
|
+
"line": 109,
|
|
2545
2804
|
"declarations": [
|
|
2546
2805
|
{
|
|
2547
2806
|
"property": "height",
|
|
@@ -2584,7 +2843,7 @@
|
|
|
2584
2843
|
"source": "@dereekb/dbx-web",
|
|
2585
2844
|
"module": "@dereekb/dbx-web",
|
|
2586
2845
|
"file": "src/lib/layout/text/_text.scss",
|
|
2587
|
-
"line":
|
|
2846
|
+
"line": 589,
|
|
2588
2847
|
"declarations": [
|
|
2589
2848
|
{
|
|
2590
2849
|
"property": "opacity",
|
|
@@ -2605,7 +2864,7 @@
|
|
|
2605
2864
|
"source": "@dereekb/dbx-web",
|
|
2606
2865
|
"module": "@dereekb/dbx-web",
|
|
2607
2866
|
"file": "src/lib/layout/text/_text.scss",
|
|
2608
|
-
"line":
|
|
2867
|
+
"line": 121,
|
|
2609
2868
|
"declarations": [
|
|
2610
2869
|
{
|
|
2611
2870
|
"property": "display",
|
|
@@ -2631,7 +2890,7 @@
|
|
|
2631
2890
|
"source": "@dereekb/dbx-web",
|
|
2632
2891
|
"module": "@dereekb/dbx-web",
|
|
2633
2892
|
"file": "src/lib/layout/text/_text.scss",
|
|
2634
|
-
"line":
|
|
2893
|
+
"line": 74,
|
|
2635
2894
|
"declarations": [
|
|
2636
2895
|
{
|
|
2637
2896
|
"property": "padding-bottom",
|
|
@@ -3210,7 +3469,7 @@
|
|
|
3210
3469
|
"source": "@dereekb/dbx-web",
|
|
3211
3470
|
"module": "@dereekb/dbx-web",
|
|
3212
3471
|
"file": "src/lib/layout/text/_text.scss",
|
|
3213
|
-
"line":
|
|
3472
|
+
"line": 775,
|
|
3214
3473
|
"declarations": [
|
|
3215
3474
|
{
|
|
3216
3475
|
"property": "text-transform",
|
|
@@ -3229,7 +3488,7 @@
|
|
|
3229
3488
|
"source": "@dereekb/dbx-web",
|
|
3230
3489
|
"module": "@dereekb/dbx-web",
|
|
3231
3490
|
"file": "src/lib/layout/text/_text.scss",
|
|
3232
|
-
"line":
|
|
3491
|
+
"line": 549,
|
|
3233
3492
|
"declarations": [
|
|
3234
3493
|
{
|
|
3235
3494
|
"property": "line-break",
|
|
@@ -3280,7 +3539,7 @@
|
|
|
3280
3539
|
"source": "@dereekb/dbx-web",
|
|
3281
3540
|
"module": "@dereekb/dbx-web",
|
|
3282
3541
|
"file": "src/lib/layout/text/_text.scss",
|
|
3283
|
-
"line":
|
|
3542
|
+
"line": 600,
|
|
3284
3543
|
"declarations": [
|
|
3285
3544
|
{
|
|
3286
3545
|
"property": "opacity",
|
|
@@ -3300,7 +3559,7 @@
|
|
|
3300
3559
|
"source": "@dereekb/dbx-web",
|
|
3301
3560
|
"module": "@dereekb/dbx-web",
|
|
3302
3561
|
"file": "src/lib/layout/text/_text.scss",
|
|
3303
|
-
"line":
|
|
3562
|
+
"line": 619,
|
|
3304
3563
|
"declarations": [
|
|
3305
3564
|
{
|
|
3306
3565
|
"property": "white-space",
|
|
@@ -3316,7 +3575,7 @@
|
|
|
3316
3575
|
"source": "@dereekb/dbx-web",
|
|
3317
3576
|
"module": "@dereekb/dbx-web",
|
|
3318
3577
|
"file": "src/lib/layout/text/_text.scss",
|
|
3319
|
-
"line":
|
|
3578
|
+
"line": 607,
|
|
3320
3579
|
"declarations": [
|
|
3321
3580
|
{
|
|
3322
3581
|
"property": "color",
|
|
@@ -3511,7 +3770,7 @@
|
|
|
3511
3770
|
"source": "@dereekb/dbx-web",
|
|
3512
3771
|
"module": "@dereekb/dbx-web",
|
|
3513
3772
|
"file": "src/lib/layout/text/_text.scss",
|
|
3514
|
-
"line":
|
|
3773
|
+
"line": 65,
|
|
3515
3774
|
"declarations": [
|
|
3516
3775
|
{
|
|
3517
3776
|
"property": "font-size",
|
|
@@ -3547,7 +3806,7 @@
|
|
|
3547
3806
|
"source": "@dereekb/dbx-web",
|
|
3548
3807
|
"module": "@dereekb/dbx-web",
|
|
3549
3808
|
"file": "src/lib/layout/text/_text.scss",
|
|
3550
|
-
"line":
|
|
3809
|
+
"line": 317,
|
|
3551
3810
|
"declarations": [
|
|
3552
3811
|
{
|
|
3553
3812
|
"property": "display",
|
|
@@ -3589,7 +3848,7 @@
|
|
|
3589
3848
|
"source": "@dereekb/dbx-web",
|
|
3590
3849
|
"module": "@dereekb/dbx-web",
|
|
3591
3850
|
"file": "src/lib/layout/text/_text.scss",
|
|
3592
|
-
"line":
|
|
3851
|
+
"line": 387,
|
|
3593
3852
|
"declarations": [
|
|
3594
3853
|
{
|
|
3595
3854
|
"property": "--dbx-icon-tile-padding",
|
|
@@ -3656,7 +3915,7 @@
|
|
|
3656
3915
|
"source": "@dereekb/dbx-web",
|
|
3657
3916
|
"module": "@dereekb/dbx-web",
|
|
3658
3917
|
"file": "src/lib/layout/text/_text.scss",
|
|
3659
|
-
"line":
|
|
3918
|
+
"line": 722,
|
|
3660
3919
|
"declarations": [
|
|
3661
3920
|
{
|
|
3662
3921
|
"property": "font",
|
|
@@ -3675,7 +3934,7 @@
|
|
|
3675
3934
|
"source": "@dereekb/dbx-web",
|
|
3676
3935
|
"module": "@dereekb/dbx-web",
|
|
3677
3936
|
"file": "src/lib/layout/text/_text.scss",
|
|
3678
|
-
"line":
|
|
3937
|
+
"line": 729,
|
|
3679
3938
|
"declarations": [
|
|
3680
3939
|
{
|
|
3681
3940
|
"property": "font",
|
|
@@ -3694,7 +3953,7 @@
|
|
|
3694
3953
|
"source": "@dereekb/dbx-web",
|
|
3695
3954
|
"module": "@dereekb/dbx-web",
|
|
3696
3955
|
"file": "src/lib/layout/text/_text.scss",
|
|
3697
|
-
"line":
|
|
3956
|
+
"line": 736,
|
|
3698
3957
|
"declarations": [
|
|
3699
3958
|
{
|
|
3700
3959
|
"property": "font",
|
|
@@ -3713,7 +3972,7 @@
|
|
|
3713
3972
|
"source": "@dereekb/dbx-web",
|
|
3714
3973
|
"module": "@dereekb/dbx-web",
|
|
3715
3974
|
"file": "src/lib/layout/text/_text.scss",
|
|
3716
|
-
"line":
|
|
3975
|
+
"line": 81,
|
|
3717
3976
|
"declarations": [
|
|
3718
3977
|
{
|
|
3719
3978
|
"property": "text-align",
|
|
@@ -3729,7 +3988,7 @@
|
|
|
3729
3988
|
"source": "@dereekb/dbx-web",
|
|
3730
3989
|
"module": "@dereekb/dbx-web",
|
|
3731
3990
|
"file": "src/lib/layout/text/_text.scss",
|
|
3732
|
-
"line":
|
|
3991
|
+
"line": 659,
|
|
3733
3992
|
"declarations": [
|
|
3734
3993
|
{
|
|
3735
3994
|
"property": "font",
|
|
@@ -3748,7 +4007,7 @@
|
|
|
3748
4007
|
"source": "@dereekb/dbx-web",
|
|
3749
4008
|
"module": "@dereekb/dbx-web",
|
|
3750
4009
|
"file": "src/lib/layout/text/_text.scss",
|
|
3751
|
-
"line":
|
|
4010
|
+
"line": 666,
|
|
3752
4011
|
"declarations": [
|
|
3753
4012
|
{
|
|
3754
4013
|
"property": "font",
|
|
@@ -3767,7 +4026,7 @@
|
|
|
3767
4026
|
"source": "@dereekb/dbx-web",
|
|
3768
4027
|
"module": "@dereekb/dbx-web",
|
|
3769
4028
|
"file": "src/lib/layout/text/_text.scss",
|
|
3770
|
-
"line":
|
|
4029
|
+
"line": 673,
|
|
3771
4030
|
"declarations": [
|
|
3772
4031
|
{
|
|
3773
4032
|
"property": "font",
|
|
@@ -3786,7 +4045,7 @@
|
|
|
3786
4045
|
"source": "@dereekb/dbx-web",
|
|
3787
4046
|
"module": "@dereekb/dbx-web",
|
|
3788
4047
|
"file": "src/lib/layout/text/_text.scss",
|
|
3789
|
-
"line":
|
|
4048
|
+
"line": 680,
|
|
3790
4049
|
"declarations": [
|
|
3791
4050
|
{
|
|
3792
4051
|
"property": "font",
|
|
@@ -3805,7 +4064,7 @@
|
|
|
3805
4064
|
"source": "@dereekb/dbx-web",
|
|
3806
4065
|
"module": "@dereekb/dbx-web",
|
|
3807
4066
|
"file": "src/lib/layout/text/_text.scss",
|
|
3808
|
-
"line":
|
|
4067
|
+
"line": 687,
|
|
3809
4068
|
"declarations": [
|
|
3810
4069
|
{
|
|
3811
4070
|
"property": "font",
|
|
@@ -3824,7 +4083,7 @@
|
|
|
3824
4083
|
"source": "@dereekb/dbx-web",
|
|
3825
4084
|
"module": "@dereekb/dbx-web",
|
|
3826
4085
|
"file": "src/lib/layout/text/_text.scss",
|
|
3827
|
-
"line":
|
|
4086
|
+
"line": 694,
|
|
3828
4087
|
"declarations": [
|
|
3829
4088
|
{
|
|
3830
4089
|
"property": "font",
|
|
@@ -3843,7 +4102,7 @@
|
|
|
3843
4102
|
"source": "@dereekb/dbx-web",
|
|
3844
4103
|
"module": "@dereekb/dbx-web",
|
|
3845
4104
|
"file": "src/lib/layout/text/_text.scss",
|
|
3846
|
-
"line":
|
|
4105
|
+
"line": 743,
|
|
3847
4106
|
"declarations": [
|
|
3848
4107
|
{
|
|
3849
4108
|
"property": "font",
|
|
@@ -3862,7 +4121,7 @@
|
|
|
3862
4121
|
"source": "@dereekb/dbx-web",
|
|
3863
4122
|
"module": "@dereekb/dbx-web",
|
|
3864
4123
|
"file": "src/lib/layout/text/_text.scss",
|
|
3865
|
-
"line":
|
|
4124
|
+
"line": 751,
|
|
3866
4125
|
"declarations": [
|
|
3867
4126
|
{
|
|
3868
4127
|
"property": "font",
|
|
@@ -3885,7 +4144,7 @@
|
|
|
3885
4144
|
"source": "@dereekb/dbx-web",
|
|
3886
4145
|
"module": "@dereekb/dbx-web",
|
|
3887
4146
|
"file": "src/lib/layout/text/_text.scss",
|
|
3888
|
-
"line":
|
|
4147
|
+
"line": 758,
|
|
3889
4148
|
"declarations": [
|
|
3890
4149
|
{
|
|
3891
4150
|
"property": "font",
|
|
@@ -3904,7 +4163,7 @@
|
|
|
3904
4163
|
"source": "@dereekb/dbx-web",
|
|
3905
4164
|
"module": "@dereekb/dbx-web",
|
|
3906
4165
|
"file": "src/lib/layout/text/_text.scss",
|
|
3907
|
-
"line":
|
|
4166
|
+
"line": 418,
|
|
3908
4167
|
"declarations": [
|
|
3909
4168
|
{
|
|
3910
4169
|
"property": "white-space",
|
|
@@ -3931,7 +4190,7 @@
|
|
|
3931
4190
|
"source": "@dereekb/dbx-web",
|
|
3932
4191
|
"module": "@dereekb/dbx-web",
|
|
3933
4192
|
"file": "src/lib/layout/text/_text.scss",
|
|
3934
|
-
"line":
|
|
4193
|
+
"line": 701,
|
|
3935
4194
|
"declarations": [
|
|
3936
4195
|
{
|
|
3937
4196
|
"property": "font",
|
|
@@ -3950,7 +4209,7 @@
|
|
|
3950
4209
|
"source": "@dereekb/dbx-web",
|
|
3951
4210
|
"module": "@dereekb/dbx-web",
|
|
3952
4211
|
"file": "src/lib/layout/text/_text.scss",
|
|
3953
|
-
"line":
|
|
4212
|
+
"line": 708,
|
|
3954
4213
|
"declarations": [
|
|
3955
4214
|
{
|
|
3956
4215
|
"property": "font",
|
|
@@ -3969,7 +4228,7 @@
|
|
|
3969
4228
|
"source": "@dereekb/dbx-web",
|
|
3970
4229
|
"module": "@dereekb/dbx-web",
|
|
3971
4230
|
"file": "src/lib/layout/text/_text.scss",
|
|
3972
|
-
"line":
|
|
4231
|
+
"line": 715,
|
|
3973
4232
|
"declarations": [
|
|
3974
4233
|
{
|
|
3975
4234
|
"property": "font",
|
|
@@ -3988,7 +4247,7 @@
|
|
|
3988
4247
|
"source": "@dereekb/dbx-web",
|
|
3989
4248
|
"module": "@dereekb/dbx-web",
|
|
3990
4249
|
"file": "src/lib/layout/text/_text.scss",
|
|
3991
|
-
"line":
|
|
4250
|
+
"line": 433,
|
|
3992
4251
|
"declarations": [],
|
|
3993
4252
|
"role": "text",
|
|
3994
4253
|
"intent": "single-line truncation with ellipsis on any block-level element",
|
|
@@ -4003,7 +4262,7 @@
|
|
|
4003
4262
|
"source": "@dereekb/dbx-web",
|
|
4004
4263
|
"module": "@dereekb/dbx-web",
|
|
4005
4264
|
"file": "src/lib/layout/text/_text.scss",
|
|
4006
|
-
"line":
|
|
4265
|
+
"line": 785,
|
|
4007
4266
|
"declarations": [
|
|
4008
4267
|
{
|
|
4009
4268
|
"property": "letter-spacing",
|
|
@@ -4087,7 +4346,7 @@
|
|
|
4087
4346
|
"source": "@dereekb/dbx-web",
|
|
4088
4347
|
"module": "@dereekb/dbx-web",
|
|
4089
4348
|
"file": "src/lib/layout/text/_text.scss",
|
|
4090
|
-
"line":
|
|
4349
|
+
"line": 89,
|
|
4091
4350
|
"declarations": [
|
|
4092
4351
|
{
|
|
4093
4352
|
"property": "text-decoration",
|
|
@@ -4103,7 +4362,7 @@
|
|
|
4103
4362
|
"source": "@dereekb/dbx-web",
|
|
4104
4363
|
"module": "@dereekb/dbx-web",
|
|
4105
4364
|
"file": "src/lib/layout/text/_text.scss",
|
|
4106
|
-
"line":
|
|
4365
|
+
"line": 767,
|
|
4107
4366
|
"declarations": [
|
|
4108
4367
|
{
|
|
4109
4368
|
"property": "text-transform",
|
|
@@ -4123,7 +4382,7 @@
|
|
|
4123
4382
|
"source": "@dereekb/dbx-web",
|
|
4124
4383
|
"module": "@dereekb/dbx-web",
|
|
4125
4384
|
"file": "src/lib/layout/text/_text.scss",
|
|
4126
|
-
"line":
|
|
4385
|
+
"line": 541,
|
|
4127
4386
|
"declarations": [
|
|
4128
4387
|
{
|
|
4129
4388
|
"property": "white-space",
|