@techfides/ui-library-design 0.3.1 → 0.7.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/dist/anatomies.d.ts +1586 -0
- package/dist/anatomies.js +107 -0
- package/dist/anatomies.js.map +1 -0
- package/dist/anatomy.d.ts +13 -0
- package/dist/anatomy.js +6 -0
- package/dist/anatomy.js.map +1 -0
- package/dist/control.d.ts +1 -2
- package/dist/control.js +1 -2
- package/dist/control.js.map +1 -1
- package/dist/index.d.ts +55 -58
- package/dist/index.js +59 -62
- package/dist/recipes/accordion.d.ts +28 -1
- package/dist/recipes/accordion.js +29 -1
- package/dist/recipes/accordion.js.map +1 -1
- package/dist/recipes/alert.d.ts +45 -1
- package/dist/recipes/alert.js +45 -1
- package/dist/recipes/alert.js.map +1 -1
- package/dist/recipes/band.d.ts +11 -1
- package/dist/recipes/band.js +7 -1
- package/dist/recipes/band.js.map +1 -1
- package/dist/recipes/bars.d.ts +60 -1
- package/dist/recipes/bars.js +59 -1
- package/dist/recipes/bars.js.map +1 -1
- package/dist/recipes/brandMark.d.ts +8 -1
- package/dist/recipes/brandMark.js +7 -1
- package/dist/recipes/brandMark.js.map +1 -1
- package/dist/recipes/button.d.ts +41 -4
- package/dist/recipes/button.js +31 -2
- package/dist/recipes/button.js.map +1 -1
- package/dist/recipes/cardHeader.d.ts +18 -1
- package/dist/recipes/cardHeader.js +19 -1
- package/dist/recipes/cardHeader.js.map +1 -1
- package/dist/recipes/checkbox.d.ts +16 -1
- package/dist/recipes/checkbox.js +16 -3
- package/dist/recipes/checkbox.js.map +1 -1
- package/dist/recipes/chip.d.ts +41 -2
- package/dist/recipes/chip.js +34 -1
- package/dist/recipes/chip.js.map +1 -1
- package/dist/recipes/codeEditor.d.ts +8 -1
- package/dist/recipes/codeEditor.js +7 -1
- package/dist/recipes/codeEditor.js.map +1 -1
- package/dist/recipes/datePicker.d.ts +62 -1
- package/dist/recipes/datePicker.js +56 -3
- package/dist/recipes/datePicker.js.map +1 -1
- package/dist/recipes/dialog.d.ts +49 -1
- package/dist/recipes/dialog.js +40 -1
- package/dist/recipes/dialog.js.map +1 -1
- package/dist/recipes/feature.d.ts +30 -1
- package/dist/recipes/feature.js +30 -2
- package/dist/recipes/feature.js.map +1 -1
- package/dist/recipes/field.js +1 -1
- package/dist/recipes/findings.d.ts +33 -1
- package/dist/recipes/findings.js +34 -1
- package/dist/recipes/findings.js.map +1 -1
- package/dist/recipes/heading.d.ts +12 -2
- package/dist/recipes/heading.js +7 -1
- package/dist/recipes/heading.js.map +1 -1
- package/dist/recipes/heartbeat.d.ts +52 -2
- package/dist/recipes/heartbeat.js +51 -4
- package/dist/recipes/heartbeat.js.map +1 -1
- package/dist/recipes/ink.d.ts +11 -0
- package/dist/recipes/ink.js +13 -0
- package/dist/recipes/ink.js.map +1 -0
- package/dist/recipes/input.d.ts +55 -1
- package/dist/recipes/input.js +52 -2
- package/dist/recipes/input.js.map +1 -1
- package/dist/recipes/listItem.d.ts +18 -1
- package/dist/recipes/listItem.js +20 -1
- package/dist/recipes/listItem.js.map +1 -1
- package/dist/recipes/listbox.d.ts +22 -2
- package/dist/recipes/listbox.js +19 -1
- package/dist/recipes/listbox.js.map +1 -1
- package/dist/recipes/marquee.d.ts +26 -2
- package/dist/recipes/marquee.js +24 -1
- package/dist/recipes/marquee.js.map +1 -1
- package/dist/recipes/menu.d.ts +33 -1
- package/dist/recipes/menu.js +29 -1
- package/dist/recipes/menu.js.map +1 -1
- package/dist/recipes/metaRow.d.ts +11 -2
- package/dist/recipes/metaRow.js +7 -1
- package/dist/recipes/metaRow.js.map +1 -1
- package/dist/recipes/meter.d.ts +36 -2
- package/dist/recipes/meter.js +34 -1
- package/dist/recipes/meter.js.map +1 -1
- package/dist/recipes/motion.d.ts +9 -1
- package/dist/recipes/nebula.js +1 -1
- package/dist/recipes/numberRange.d.ts +44 -1
- package/dist/recipes/numberRange.js +36 -1
- package/dist/recipes/numberRange.js.map +1 -1
- package/dist/recipes/paper.d.ts +55 -2
- package/dist/recipes/paper.js +47 -4
- package/dist/recipes/paper.js.map +1 -1
- package/dist/recipes/progressBar.d.ts +8 -1
- package/dist/recipes/progressBar.js +7 -1
- package/dist/recipes/progressBar.js.map +1 -1
- package/dist/recipes/queue.d.ts +33 -1
- package/dist/recipes/queue.js +35 -1
- package/dist/recipes/queue.js.map +1 -1
- package/dist/recipes/radioGroup.d.ts +18 -1
- package/dist/recipes/radioGroup.js +21 -3
- package/dist/recipes/radioGroup.js.map +1 -1
- package/dist/recipes/scopeSwitcher.d.ts +38 -1
- package/dist/recipes/scopeSwitcher.js +40 -1
- package/dist/recipes/scopeSwitcher.js.map +1 -1
- package/dist/recipes/scrollArea.d.ts +12 -3
- package/dist/recipes/scrollArea.js +7 -1
- package/dist/recipes/scrollArea.js.map +1 -1
- package/dist/recipes/searchPalette.d.ts +48 -1
- package/dist/recipes/searchPalette.js +49 -1
- package/dist/recipes/searchPalette.js.map +1 -1
- package/dist/recipes/sectionHeader.d.ts +20 -2
- package/dist/recipes/sectionHeader.js +20 -3
- package/dist/recipes/sectionHeader.js.map +1 -1
- package/dist/recipes/segmentedControl.d.ts +8 -1
- package/dist/recipes/segmentedControl.js +7 -1
- package/dist/recipes/segmentedControl.js.map +1 -1
- package/dist/recipes/select.d.ts +57 -1
- package/dist/recipes/select.js +51 -1
- package/dist/recipes/select.js.map +1 -1
- package/dist/recipes/separator.d.ts +13 -2
- package/dist/recipes/separator.js +8 -2
- package/dist/recipes/separator.js.map +1 -1
- package/dist/recipes/sidebar.d.ts +128 -2
- package/dist/recipes/sidebar.js +125 -2
- package/dist/recipes/sidebar.js.map +1 -1
- package/dist/recipes/sky.d.ts +31 -1
- package/dist/recipes/sky.js +30 -1
- package/dist/recipes/sky.js.map +1 -1
- package/dist/recipes/slider.d.ts +15 -1
- package/dist/recipes/slider.js +14 -1
- package/dist/recipes/slider.js.map +1 -1
- package/dist/recipes/stat.d.ts +72 -3
- package/dist/recipes/stat.js +73 -3
- package/dist/recipes/stat.js.map +1 -1
- package/dist/recipes/switch.d.ts +10 -1
- package/dist/recipes/switch.js +9 -3
- package/dist/recipes/switch.js.map +1 -1
- package/dist/recipes/table.d.ts +63 -3
- package/dist/recipes/table.js +56 -2
- package/dist/recipes/table.js.map +1 -1
- package/dist/recipes/tail.d.ts +40 -5
- package/dist/recipes/tail.js +37 -5
- package/dist/recipes/tail.js.map +1 -1
- package/dist/recipes/text.d.ts +16 -3
- package/dist/recipes/text.js +8 -3
- package/dist/recipes/text.js.map +1 -1
- package/dist/recipes/textarea.d.ts +46 -1
- package/dist/recipes/textarea.js +41 -1
- package/dist/recipes/textarea.js.map +1 -1
- package/dist/recipes/tile.d.ts +23 -1
- package/dist/recipes/tile.js +19 -1
- package/dist/recipes/tile.js.map +1 -1
- package/dist/recipes/tooltip.d.ts +8 -1
- package/dist/recipes/tooltip.js +7 -1
- package/dist/recipes/tooltip.js.map +1 -1
- package/dist/recipes/topBar.d.ts +43 -1
- package/dist/recipes/topBar.js +44 -1
- package/dist/recipes/topBar.js.map +1 -1
- package/dist/recipes/trail.d.ts +55 -5
- package/dist/recipes/trail.js +47 -5
- package/dist/recipes/trail.js.map +1 -1
- package/dist/recipes/userMenu.d.ts +23 -1
- package/dist/recipes/userMenu.js +24 -1
- package/dist/recipes/userMenu.js.map +1 -1
- package/package.json +1 -2
- package/dist/charts/animation.js +0 -14
- package/dist/charts/animation.js.map +0 -1
- package/dist/charts/bars.d.ts +0 -22
- package/dist/charts/bars.js +0 -61
- package/dist/charts/bars.js.map +0 -1
- package/dist/charts/groupedBars.d.ts +0 -20
- package/dist/charts/groupedBars.js +0 -82
- package/dist/charts/groupedBars.js.map +0 -1
- package/dist/charts/paint.js +0 -19
- package/dist/charts/paint.js.map +0 -1
- package/dist/charts/spark.d.ts +0 -17
- package/dist/charts/spark.js +0 -159
- package/dist/charts/spark.js.map +0 -1
- package/dist/charts/tooltip.js +0 -41
- package/dist/charts/tooltip.js.map +0 -1
- package/dist/czech.d.ts +0 -6
- package/dist/czech.js +0 -100
- package/dist/czech.js.map +0 -1
- package/dist/tally.d.ts +0 -17
- package/dist/tally.js +0 -75
- package/dist/tally.js.map +0 -1
- package/dist/words.d.ts +0 -116
- package/dist/words.js +0 -96
- package/dist/words.js.map +0 -1
package/dist/index.js
CHANGED
|
@@ -1,66 +1,63 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import { WHOLE, tallyAt, tallyOf } from "./tally.js";
|
|
1
|
+
import { anatomy } from "./anatomy.js";
|
|
2
|
+
import { arrivalMotion, collapseMotion, drawerMotion, liftMotion, mirrorMotion, overlayMotion, railCollapse, railMorph, scrimMirrorMotion, valueGlide } from "./recipes/motion.js";
|
|
3
|
+
import { accordionAnatomy, accordionBodyRecipe, accordionContentRecipe, accordionIndicatorRecipe, accordionItemRecipe, accordionLabelRecipe, accordionMetaRecipe, accordionRecipe, accordionRuleRecipe, accordionTriggerRecipe } from "./recipes/accordion.js";
|
|
4
|
+
import { defaultFeatureLevel, featureAnatomy, featureBodyRecipe, featureFootRecipe, featureLevels, featureLinkRecipe, featureRecipe, featureTileRecipe, featureTitleRecipe } from "./recipes/feature.js";
|
|
5
|
+
import { alertActionRecipe, alertAnatomy, alertBannerRecipe, alertBannerTextRecipe, alertDetailRecipe, alertInlineMarkRecipe, alertInlineRecipe, alertInlineTextRecipe, alertVariants, defaultAlertVariant } from "./recipes/alert.js";
|
|
6
|
+
import { bandAnatomy, bandRecipe } from "./recipes/band.js";
|
|
7
|
+
import { barsAnatomy, barsChartRecipe, barsFootRecipe, barsHeadRecipe, barsHintRecipe, barsLabelRecipe, barsLegendDotRecipe, barsLegendListRecipe, barsLegendRecipe, barsRecipe, barsSummaryRecipe, barsTextRecipe } from "./recipes/bars.js";
|
|
8
|
+
import { brandMarkAnatomy, brandMarkRecipe } from "./recipes/brandMark.js";
|
|
10
9
|
import { toneBlend, toneText, toneTint } from "./tone.js";
|
|
11
|
-
import { english } from "./words.js";
|
|
12
|
-
import { collapseMotion, overlayMotion } from "./recipes/motion.js";
|
|
13
|
-
import { accordionBodyRecipe, accordionContentRecipe, accordionIndicatorRecipe, accordionItemRecipe, accordionLabelRecipe, accordionMetaRecipe, accordionRecipe, accordionRuleRecipe, accordionTriggerRecipe } from "./recipes/accordion.js";
|
|
14
|
-
import { alertActionRecipe, alertBannerRecipe, alertBannerTextRecipe, alertDetailRecipe, alertInlineMarkRecipe, alertInlineRecipe, alertInlineTextRecipe, alertVariants, defaultAlertVariant } from "./recipes/alert.js";
|
|
15
|
-
import { bandRecipe } from "./recipes/band.js";
|
|
16
|
-
import { barsChartRecipe, barsFootRecipe, barsHeadRecipe, barsHintRecipe, barsLabelRecipe, barsLegendDotRecipe, barsLegendListRecipe, barsLegendRecipe, barsRecipe, barsSummaryRecipe, barsTextRecipe } from "./recipes/bars.js";
|
|
17
|
-
import { buttonAccents, buttonRecipe, buttonSizes, buttonSpinnerRecipe, buttonVariants, buttonWordsRecipe } from "./recipes/button.js";
|
|
18
|
-
import { cardHeaderActionRecipe, cardHeaderRanks, cardHeaderRecipe, cardHeaderStackRecipe, defaultCardHeaderRank } from "./recipes/cardHeader.js";
|
|
19
|
-
import { checkboxAccents, checkboxControlRecipe, checkboxDashRecipe, checkboxHintRecipe, checkboxIndicatorRecipe, checkboxLabelRecipe, checkboxMarkRecipe, checkboxRecipe, checkboxTitleRecipe, defaultCheckboxAccent } from "./recipes/checkbox.js";
|
|
20
|
-
import { chipAccents, chipCloseRecipe, chipCountRecipe, chipDotRecipe, chipLabelRecipe, chipRecipe, chipSizes, chipTextRecipe, chipTones, defaultChipAccent, defaultChipSize, defaultChipTone } from "./recipes/chip.js";
|
|
21
|
-
import { fieldErrorRecipe, fieldFootRecipe, fieldHintRecipe, fieldLabelRecipe, fieldRecipe, fieldRowRecipe, fieldUnitRecipe, leadingRecipe, trailingActionRecipe, trailingRecipe } from "./recipes/field.js";
|
|
22
|
-
import { TRAILING_INSET, inputRecipe, inputTypes, labelRoom } from "./recipes/input.js";
|
|
23
|
-
import { datePickerBodyRecipe, datePickerContentRecipe, datePickerDashRecipe, datePickerDayRecipe, datePickerEndRecipe, datePickerFootRecipe, datePickerGridRecipe, datePickerHeadRecipe, datePickerModes, datePickerNavRecipe, datePickerPresetRecipe, datePickerRangePresets, datePickerRangeTextRecipe, datePickerRowRecipe, datePickerRuleRecipe, datePickerStartRecipe, datePickerTriggerRecipe, datePickerValueRecipe, datePickerViewRecipe, datePickerViewTriggerRecipe, datePickerViewsRecipe, datePickerWeekCellRecipe, defaultDatePickerMode } from "./recipes/datePicker.js";
|
|
24
|
-
import { defaultDialogLayout, defaultDialogSize, dialogBackdropRecipe, dialogBodyRecipe, dialogCloseRecipe, dialogDescriptionRecipe, dialogFooterRecipe, dialogHeadRecipe, dialogHeadingsRecipe, dialogHeldRecipe, dialogLayouts, dialogNoteRecipe, dialogPositionerRecipe, dialogRecipe, dialogRowRecipe, dialogRowValueRecipe, dialogSizes, dialogTitleRecipe } from "./recipes/dialog.js";
|
|
25
|
-
import { defaultFeatureLevel, featureBodyRecipe, featureFootRecipe, featureLevels, featureLinkRecipe, featureRecipe, featureTileRecipe, featureTitleRecipe } from "./recipes/feature.js";
|
|
26
|
-
import { findingIconRecipe, findingMessageRecipe, findingPathRecipe, findingRecipe, findingTextRecipe, findingsRecipe, findingsSummaryRecipe } from "./recipes/findings.js";
|
|
27
|
-
import { HEADING_DEFAULT_TAG, defaultHeadingLevel, headingLevels, headingRecipe } from "./recipes/heading.js";
|
|
28
|
-
import { defaultHeartbeatState, heartbeatBeatRecipe, heartbeatBeatsRecipe, heartbeatDotRecipe, heartbeatHintRecipe, heartbeatLabelRecipe, heartbeatMarkRecipe, heartbeatRecipe, heartbeatRingRecipe, heartbeatRowRecipe, heartbeatStates, heartbeatTextRecipe } from "./recipes/heartbeat.js";
|
|
29
|
-
import { brandMarkRecipe } from "./recipes/brandMark.js";
|
|
30
|
-
import { codeEditorRecipe, codeEditorTheme, codeSyntaxColors } from "./recipes/codeEditor.js";
|
|
31
|
-
import { listItemRecipe, listItemStackRecipe } from "./recipes/listItem.js";
|
|
32
|
-
import { listboxEmptyRecipe, listboxItemRecipe, listboxLabelRecipe, listboxMarkRecipe, listboxRecipe } from "./recipes/listbox.js";
|
|
33
|
-
import { marqueeCopyRecipe, marqueeItemRecipe, marqueeMarkRecipe, marqueeNameRecipe, marqueeRecipe, marqueeRuleRecipe, marqueeSpacing, marqueeStageRecipe, marqueeViewportRecipe } from "./recipes/marquee.js";
|
|
34
|
-
import { defaultMenuPlacement, defaultMenuTone, menuArrowRecipe, menuArrowTipRecipe, menuGroupRecipe, menuItemRecipe, menuLabelRecipe, menuListRecipe, menuMarkRecipe, menuPlacements, menuSeparatorRecipe, menuShortcutRecipe, menuSurfaceRecipe, menuTextRecipe, menuTones } from "./recipes/menu.js";
|
|
35
|
-
import { defaultMetaRowEmphasis, defaultMetaRowLayout, metaRowEmphases, metaRowLayouts, metaRowRecipe, metaRowTones } from "./recipes/metaRow.js";
|
|
36
|
-
import { defaultMeterVariant, meterCaptionRecipe, meterHeadRecipe, meterLegendDotRecipe, meterLegendItemRecipe, meterLegendRecipe, meterPartRecipe, meterPartsRecipe, meterRangeRecipe, meterReadingRecipe, meterRecipe, meterTrackRecipe, meterVariants } from "./recipes/meter.js";
|
|
37
10
|
import { defaultNebulaTone, nebulaCloudLowRecipe, nebulaCloudRecipe, nebulaCloudWideRecipe, nebulaOrigins, nebulaRecipe, nebulaTones, nebulaVeilRecipe } from "./recipes/nebula.js";
|
|
38
|
-
import {
|
|
39
|
-
import {
|
|
40
|
-
import {
|
|
41
|
-
import {
|
|
42
|
-
import {
|
|
43
|
-
import {
|
|
44
|
-
import {
|
|
45
|
-
import {
|
|
46
|
-
import {
|
|
47
|
-
import {
|
|
48
|
-
import {
|
|
49
|
-
import {
|
|
50
|
-
import {
|
|
51
|
-
import {
|
|
52
|
-
import {
|
|
53
|
-
import {
|
|
54
|
-
import {
|
|
55
|
-
import {
|
|
56
|
-
import {
|
|
57
|
-
import {
|
|
58
|
-
import {
|
|
59
|
-
import {
|
|
60
|
-
import {
|
|
61
|
-
import {
|
|
11
|
+
import { buttonAccents, buttonAnatomy, buttonRecipe, buttonSizes, buttonSpinnerRecipe, buttonVariants, buttonWordsRecipe } from "./recipes/button.js";
|
|
12
|
+
import { cardHeaderActionRecipe, cardHeaderAnatomy, cardHeaderRanks, cardHeaderRecipe, cardHeaderStackRecipe, defaultCardHeaderRank } from "./recipes/cardHeader.js";
|
|
13
|
+
import { defaultMarkPlate, markPlates } from "./mark.js";
|
|
14
|
+
import { checkboxAccents, checkboxAnatomy, checkboxControlRecipe, checkboxDashRecipe, checkboxHintRecipe, checkboxIndicatorRecipe, checkboxLabelRecipe, checkboxMarkRecipe, checkboxRecipe, checkboxTitleRecipe, defaultCheckboxAccent } from "./recipes/checkbox.js";
|
|
15
|
+
import { chipAccents, chipAnatomy, chipCloseRecipe, chipCountRecipe, chipDotRecipe, chipLabelRecipe, chipRecipe, chipSizes, chipTextRecipe, chipTones, defaultChipAccent, defaultChipSize, defaultChipTone } from "./recipes/chip.js";
|
|
16
|
+
import { codeEditorAnatomy, codeEditorRecipe, codeEditorTheme, codeSyntaxColors } from "./recipes/codeEditor.js";
|
|
17
|
+
import { controlIcon, defaultFieldSize } from "./control.js";
|
|
18
|
+
import { fieldErrorRecipe, fieldFootRecipe, fieldHintRecipe, fieldLabelRecipe, fieldRecipe, fieldRowRecipe, fieldUnitRecipe, leadingRecipe, trailingActionRecipe, trailingRecipe } from "./recipes/field.js";
|
|
19
|
+
import { TRAILING_INSET, inputAnatomy, inputRecipe, inputTypes, labelRoom } from "./recipes/input.js";
|
|
20
|
+
import { datePickerAnatomy, datePickerBodyRecipe, datePickerContentRecipe, datePickerDashRecipe, datePickerDayRecipe, datePickerEndRecipe, datePickerFootRecipe, datePickerGridRecipe, datePickerHeadRecipe, datePickerModes, datePickerNavRecipe, datePickerPresetRecipe, datePickerRangePresets, datePickerRangeTextRecipe, datePickerRowRecipe, datePickerRuleRecipe, datePickerStartRecipe, datePickerTriggerRecipe, datePickerValueRecipe, datePickerViewRecipe, datePickerViewTriggerRecipe, datePickerViewsRecipe, datePickerWeekCellRecipe, defaultDatePickerMode } from "./recipes/datePicker.js";
|
|
21
|
+
import { defaultDialogLayout, defaultDialogSize, dialogAnatomy, dialogBackdropRecipe, dialogBodyRecipe, dialogCloseRecipe, dialogDescriptionRecipe, dialogFooterRecipe, dialogHeadRecipe, dialogHeadingsRecipe, dialogHeldRecipe, dialogLayouts, dialogNoteRecipe, dialogPositionerRecipe, dialogRecipe, dialogRowRecipe, dialogRowValueRecipe, dialogSizes, dialogTitleRecipe } from "./recipes/dialog.js";
|
|
22
|
+
import { findingIconRecipe, findingMessageRecipe, findingPathRecipe, findingRecipe, findingTextRecipe, findingsAnatomy, findingsRecipe, findingsSummaryRecipe } from "./recipes/findings.js";
|
|
23
|
+
import { HEADING_DEFAULT_TAG, defaultHeadingLevel, headingAnatomy, headingLevels, headingRecipe } from "./recipes/heading.js";
|
|
24
|
+
import { heartbeatAnatomy, heartbeatBeatRecipe, heartbeatBeatsRecipe, heartbeatDotRecipe, heartbeatHintRecipe, heartbeatLabelRecipe, heartbeatMarkRecipe, heartbeatRecipe, heartbeatRingRecipe, heartbeatRowRecipe, heartbeatStates, heartbeatTextRecipe } from "./recipes/heartbeat.js";
|
|
25
|
+
import { inkAnatomy } from "./recipes/ink.js";
|
|
26
|
+
import { listboxAnatomy, listboxEmptyRecipe, listboxItemRecipe, listboxLabelRecipe, listboxMarkRecipe, listboxRecipe } from "./recipes/listbox.js";
|
|
27
|
+
import { listItemAnatomy, listItemRecipe, listItemStackRecipe } from "./recipes/listItem.js";
|
|
28
|
+
import { marqueeAnatomy, marqueeCopyRecipe, marqueeItemRecipe, marqueeMarkRecipe, marqueeNameRecipe, marqueeRecipe, marqueeRuleRecipe, marqueeSpacing, marqueeStageRecipe, marqueeViewportRecipe } from "./recipes/marquee.js";
|
|
29
|
+
import { defaultMenuPlacement, defaultMenuTone, menuAnatomy, menuArrowRecipe, menuArrowTipRecipe, menuGroupRecipe, menuItemRecipe, menuLabelRecipe, menuListRecipe, menuMarkRecipe, menuPlacements, menuSeparatorRecipe, menuShortcutRecipe, menuSurfaceRecipe, menuTextRecipe, menuTones } from "./recipes/menu.js";
|
|
30
|
+
import { defaultMetaRowEmphasis, defaultMetaRowLayout, metaRowAnatomy, metaRowEmphases, metaRowLayouts, metaRowRecipe, metaRowTones } from "./recipes/metaRow.js";
|
|
31
|
+
import { defaultMeterVariant, meterAnatomy, meterCaptionRecipe, meterHeadRecipe, meterLegendDotRecipe, meterLegendItemRecipe, meterLegendRecipe, meterPartRecipe, meterPartsRecipe, meterRangeRecipe, meterReadingRecipe, meterRecipe, meterTrackRecipe, meterVariants } from "./recipes/meter.js";
|
|
32
|
+
import { numberRangeAnatomy, numberRangeDashRecipe, numberRangeHalfRecipe, numberRangeRecipe } from "./recipes/numberRange.js";
|
|
33
|
+
import { defaultPaperInset, defaultPaperTone, defaultPaperVariant, paperActionRecipe, paperAnatomy, paperBadgeRecipe, paperBodyRecipe, paperHeaderRecipe, paperInsets, paperRecipe, paperRuleRecipe, paperVariants } from "./recipes/paper.js";
|
|
34
|
+
import { progressBarAnatomy, progressBarRangeRecipe, progressBarTones, progressBarTrackRecipe } from "./recipes/progressBar.js";
|
|
62
35
|
import { tableFilterCountRecipe, tableFilterFieldRecipe, tableFilterFootRecipe, tableFilterOptionRecipe, tableFilterOptionsRecipe, tableFilterPanelRecipe, tableFilterRuleRecipe, tableFilterTitleRecipe } from "./recipes/tableFilter.js";
|
|
36
|
+
import { tableActionsCellRecipe, tableActionsWidth, tableAnatomy, tableAppliedRecipe, tableBodyRecipe, tableCardRecipe, tableCellRecipe, tableDetailBodyRecipe, tableDetailRecipe, tableEmptyHintRecipe, tableEmptyRecipe, tableEmptyTitleRecipe, tableExpandIconRecipe, tableExpandRecipe, tableFilterMarkRecipe, tableFilterRecipe, tableGridRecipe, tableGroupRecipe, tableHeadCellRecipe, tableHeadRowRecipe, tableHeadingRecipe, tableMarkRecipe, tablePinWidth, tableRankRecipe, tableRecipe, tableRowRecipe, tableRuleRecipe, tableScrollRecipe, tableSearchRecipe, tableSelectCellRecipe, tableSelectionActionsRecipe, tableSelectionCountRecipe, tableSelectionRecipe, tableSkeletonBarRecipe, tableSkeletonMarkRecipe, tableSortIconRecipe, tableSortLabelRecipe, tableSortMarkRecipe, tableSortRecipe, tableStepRecipe, tableToolbarRecipe, tableValueRecipe } from "./recipes/table.js";
|
|
37
|
+
import { queueAgeFillRecipe, queueAgeLabelRecipe, queueAgeRecipe, queueAgeTrackRecipe, queueAnatomy, queueDotRecipe, queueHintRecipe, queueLeadRecipe, queueRecipe, queueRowRecipe, queueTextRecipe } from "./recipes/queue.js";
|
|
38
|
+
import { defaultRadioAccent, radioAccents, radioAsideRecipe, radioControlRecipe, radioDotRecipe, radioErrorRecipe, radioGroupAnatomy, radioGroupLabelRecipe, radioGroupRecipe, radioHintRecipe, radioIndicatorRecipe, radioLabelRecipe, radioLeadRecipe, radioRecipe, radioTitleRecipe } from "./recipes/radioGroup.js";
|
|
39
|
+
import { scopeSwitcherAnatomy, scopeSwitcherBadgeRecipe, scopeSwitcherChevronsRecipe, scopeSwitcherCodeRecipe, scopeSwitcherDotRecipe, scopeSwitcherEyebrowRecipe, scopeSwitcherIconRecipe, scopeSwitcherListRecipe, scopeSwitcherMarkRecipe, scopeSwitcherPillIconRecipe, scopeSwitcherPillRecipe, scopeSwitcherRecipe, scopeSwitcherRowMetaRecipe, scopeSwitcherRowNameRecipe, scopeSwitcherRowRecipe, scopeSwitcherRowTextRecipe, scopeSwitcherTextRecipe, scopeSwitcherValueRecipe, scopeSwitcherWarningRecipe } from "./recipes/scopeSwitcher.js";
|
|
40
|
+
import { defaultScrollAreaSurface, scrollAreaAnatomy, scrollAreaRecipe, scrollAreaSurfaces, scrollBarRecipe, scrollContentRecipe, scrollCornerRecipe, scrollThumbRecipe, scrollViewportRecipe } from "./recipes/scrollArea.js";
|
|
41
|
+
import { searchEmptyRecipe, searchFieldRecipe, searchFootRecipe, searchHitMetaRecipe, searchHitRecipe, searchHitTextRecipe, searchInputRecipe, searchKeyRecipe, searchLabelRecipe, searchListRecipe, searchMarkRecipe, searchPaletteAnatomy, searchPanelRecipe, searchPositionerRecipe, searchRuleRecipe, searchTriggerRecipe } from "./recipes/searchPalette.js";
|
|
42
|
+
import { defaultSectionHeaderSize, restingEyebrow, sectionHeaderAnatomy, sectionHeaderEyebrows, sectionHeaderLabelStackRecipe, sectionHeaderRecipe, sectionHeaderSizes } from "./recipes/sectionHeader.js";
|
|
43
|
+
import { segmentedControlAnatomy, segmentedControlIndicatorRecipe, segmentedControlItemRecipe, segmentedControlRecipe } from "./recipes/segmentedControl.js";
|
|
44
|
+
import { selectAnatomy, selectEmptyRecipe, selectIndicatorRecipe, selectRowRecipe, selectTriggerRecipe, selectValueRecipe } from "./recipes/select.js";
|
|
45
|
+
import { defaultSeparatorOrientation, defaultSeparatorTone, defaultSeparatorVariant, separatorAnatomy, separatorOrientations, separatorRecipe, separatorTones, separatorVariants } from "./recipes/separator.js";
|
|
46
|
+
import { sidebarAnatomy, sidebarBrandRecipe, sidebarBrandStackRecipe, sidebarBrandSubtitleRecipe, sidebarChevronRecipe, sidebarDotRecipe, sidebarFootRecipe, sidebarGroupRecipe, sidebarHeadRecipe, sidebarIconRecipe, sidebarItemRecipe, sidebarLabelRecipe, sidebarMarkRecipe, sidebarMobileBarRecipe, sidebarMobileEyebrowRecipe, sidebarMobileHeadingsRecipe, sidebarMobileTitleRecipe, sidebarNavRecipe, sidebarOverlayBackdropRecipe, sidebarOverlayBodyRecipe, sidebarOverlayBrandRecipe, sidebarOverlayHeadRecipe, sidebarOverlayItemActive, sidebarOverlayNavRecipe, sidebarOverlayPanelRecipe, sidebarOverlayPositionerRecipe, sidebarOverlayScopeRecipe, sidebarOverlaySeparatorRecipe, sidebarRecipe, sidebarScopeRecipe, sidebarSubRecipe, sidebarSwitchRecipe, sidebarToggleRecipe, sidebarTravel, sidebarWordmarkRecipe } from "./recipes/sidebar.js";
|
|
47
|
+
import { cloudDrift, contentRecipe, driftRecipe, skyAnatomy, skyRecipe, starLayers, starRecipe } from "./recipes/sky.js";
|
|
48
|
+
import { sliderAnatomy, sliderBoundsRecipe, sliderControlRecipe, sliderFootRecipe, sliderHeadRecipe, sliderHintRecipe, sliderKnobSize, sliderLabelRecipe, sliderNotchRecipe, sliderNotchesRecipe, sliderRangeRecipe, sliderRecipe, sliderThumbRecipe, sliderTrackRecipe, sliderValueRecipe } from "./recipes/slider.js";
|
|
49
|
+
import { defaultStatAccent, defaultStatSparkShape, defaultStatSurface, statAccents, statAnatomy, statChangeRecipe, statDirections, statFigureRecipe, statHintRecipe, statLabelRecipe, statRecipe, statSparkRecipe, statSparkShapes, statStackRecipe, statSurfaces, statTermRecipe, statUnitRecipe, statValueRecipe } from "./recipes/stat.js";
|
|
50
|
+
import { defaultSwitchAccent, switchAccents, switchAnatomy, switchControlRecipe, switchHintRecipe, switchLabelRecipe, switchRecipe, switchThumbRecipe, switchTitleRecipe } from "./recipes/switch.js";
|
|
51
|
+
import { tailAnatomy, tailAtRecipe, tailEmptyRecipe, tailGutterRecipe, tailLineRecipe, tailRecipe, tailScrollRecipe, tailSeverities, tailTextRecipe } from "./recipes/tail.js";
|
|
52
|
+
import { defaultTextFamily, defaultTextSize, defaultTextTone, restingWeight, textAnatomy, textFamilies, textRecipe, textSizes, textTones, textWeights } from "./recipes/text.js";
|
|
53
|
+
import { textareaAnatomy, textareaCountRecipe, textareaRecipe, textareaShellRecipe } from "./recipes/textarea.js";
|
|
54
|
+
import { defaultTileRest, defaultTileTone, tileAnatomy, tileCloudRecipe, tileGlyphRecipe, tileRecipe, tileRests, tileTones } from "./recipes/tile.js";
|
|
55
|
+
import { defaultTooltipPlacement, tooltipAnatomy, tooltipArrowRecipe, tooltipArrowTipRecipe, tooltipCloseToken, tooltipOpenToken, tooltipPlacements, tooltipRecipe } from "./recipes/tooltip.js";
|
|
56
|
+
import { defaultTopBarLevel, topBarActionsRecipe, topBarAnatomy, topBarContentRecipe, topBarEdgeRecipe, topBarEyebrowRecipe, topBarHeadingsRecipe, topBarLevels, topBarRecipe, topBarRuleRecipe, topBarTitleRecipe } from "./recipes/topBar.js";
|
|
57
|
+
import { defaultTrailFlow, trailAnatomy, trailBadgeRecipe, trailCaptionRecipe, trailConnectorRecipe, trailFlows, trailHintRecipe, trailLabelRecipe, trailRecipe, trailSpinRecipe, trailStates, trailStepRecipe } from "./recipes/trail.js";
|
|
58
|
+
import { userAvatarRecipe, userChevronRecipe, userIdentityRecipe, userMenuAnatomy, userNameRecipe, userPortraitRecipe, userRoleRecipe, userTriggerRecipe } from "./recipes/userMenu.js";
|
|
59
|
+
import { anatomies } from "./anatomies.js";
|
|
60
|
+
import { brandTitle, brands, defaultBrand } from "./brands.js";
|
|
61
|
+
import { cn } from "./cn.js";
|
|
63
62
|
import { tableFootRecipe, tableGapRecipe, tablePageMarkRecipe, tablePageRecipe, tablePageSizeMarkRecipe, tablePageSizeRecipe, tablePageSizeStripRecipe, tablePageSizesRecipe, tablePagesRecipe, tablePagingRecipe, tableRangeRecipe } from "./recipes/tablePaging.js";
|
|
64
|
-
import { defaultSwitchAccent, switchAccents, switchControlRecipe, switchHintRecipe, switchLabelRecipe, switchRecipe, switchThumbRecipe, switchTitleRecipe } from "./recipes/switch.js";
|
|
65
|
-
import { textareaCountRecipe, textareaRecipe, textareaShellRecipe } from "./recipes/textarea.js";
|
|
66
|
-
export { HEADING_DEFAULT_TAG, TRAILING_INSET, WHOLE, accordionBodyRecipe, accordionContentRecipe, accordionIndicatorRecipe, accordionItemRecipe, accordionLabelRecipe, accordionMetaRecipe, accordionRecipe, accordionRuleRecipe, accordionTriggerRecipe, alertActionRecipe, alertBannerRecipe, alertBannerTextRecipe, alertDetailRecipe, alertInlineMarkRecipe, alertInlineRecipe, alertInlineTextRecipe, alertVariants, bandRecipe, barsChartRecipe, barsFootRecipe, barsHeadRecipe, barsHintRecipe, barsLabelRecipe, barsLegendDotRecipe, barsLegendListRecipe, barsLegendRecipe, barsOption, barsRecipe, barsSummaryRecipe, barsTextRecipe, brandMarkRecipe, brandTitle, brands, buttonAccents, buttonRecipe, buttonSizes, buttonSpinnerRecipe, buttonVariants, buttonWordsRecipe, cardHeaderActionRecipe, cardHeaderRanks, cardHeaderRecipe, cardHeaderStackRecipe, checkboxAccents, checkboxControlRecipe, checkboxDashRecipe, checkboxHintRecipe, checkboxIndicatorRecipe, checkboxLabelRecipe, checkboxMarkRecipe, checkboxRecipe, checkboxTitleRecipe, chipAccents, chipCloseRecipe, chipCountRecipe, chipDotRecipe, chipLabelRecipe, chipRecipe, chipSizes, chipTextRecipe, chipTones, cloudDrift, cn, codeEditorRecipe, codeEditorTheme, codeSyntaxColors, collapseMotion, contentRecipe, controlIcon, czech, datePickerBodyRecipe, datePickerContentRecipe, datePickerDashRecipe, datePickerDayRecipe, datePickerEndRecipe, datePickerFootRecipe, datePickerGridRecipe, datePickerHeadRecipe, datePickerModes, datePickerNavRecipe, datePickerPresetRecipe, datePickerRangePresets, datePickerRangeTextRecipe, datePickerRowRecipe, datePickerRuleRecipe, datePickerStartRecipe, datePickerTriggerRecipe, datePickerValueRecipe, datePickerViewRecipe, datePickerViewTriggerRecipe, datePickerViewsRecipe, datePickerWeekCellRecipe, defaultAlertVariant, defaultBrand, defaultCardHeaderRank, defaultCheckboxAccent, defaultChipAccent, defaultChipSize, defaultChipTone, defaultControlSize, defaultDatePickerMode, defaultDialogLayout, defaultDialogSize, defaultFeatureLevel, defaultFieldSize, defaultHeadingLevel, defaultHeartbeatState, defaultMarkPlate, defaultMenuPlacement, defaultMenuTone, defaultMetaRowEmphasis, defaultMetaRowLayout, defaultMeterVariant, defaultNebulaTone, defaultPaperInset, defaultPaperTone, defaultPaperVariant, defaultRadioAccent, defaultScrollAreaSurface, defaultSectionHeaderSize, defaultSeparatorOrientation, defaultSeparatorTone, defaultSeparatorVariant, defaultStatAccent, defaultStatSparkShape, defaultStatSurface, defaultSwitchAccent, defaultTailSeverity, defaultTextFamily, defaultTextSize, defaultTextTone, defaultTextWeight, defaultTileRest, defaultTileTone, defaultTooltipPlacement, defaultTopBarLevel, defaultTrailFlow, defaultTrailState, dialogBackdropRecipe, dialogBodyRecipe, dialogCloseRecipe, dialogDescriptionRecipe, dialogFooterRecipe, dialogHeadRecipe, dialogHeadingsRecipe, dialogHeldRecipe, dialogLayouts, dialogNoteRecipe, dialogPositionerRecipe, dialogRecipe, dialogRowRecipe, dialogRowValueRecipe, dialogSizes, dialogTitleRecipe, driftRecipe, english, featureBodyRecipe, featureFootRecipe, featureLevels, featureLinkRecipe, featureRecipe, featureTileRecipe, featureTitleRecipe, fieldErrorRecipe, fieldFootRecipe, fieldHintRecipe, fieldLabelRecipe, fieldRecipe, fieldRowRecipe, fieldUnitRecipe, findingIconRecipe, findingMessageRecipe, findingPathRecipe, findingRecipe, findingTextRecipe, findingsRecipe, findingsSummaryRecipe, groupedBarsOption, headingLevels, headingRecipe, heartbeatBeatRecipe, heartbeatBeatsRecipe, heartbeatDotRecipe, heartbeatHintRecipe, heartbeatLabelRecipe, heartbeatMarkRecipe, heartbeatRecipe, heartbeatRingRecipe, heartbeatRowRecipe, heartbeatStates, heartbeatTextRecipe, inputRecipe, inputTypes, labelRoom, leadingRecipe, listItemRecipe, listItemStackRecipe, listboxEmptyRecipe, listboxItemRecipe, listboxLabelRecipe, listboxMarkRecipe, listboxRecipe, markPlates, marqueeCopyRecipe, marqueeItemRecipe, marqueeMarkRecipe, marqueeNameRecipe, marqueeRecipe, marqueeRuleRecipe, marqueeSpacing, marqueeStageRecipe, marqueeViewportRecipe, menuArrowRecipe, menuArrowTipRecipe, menuGroupRecipe, menuItemRecipe, menuLabelRecipe, menuListRecipe, menuMarkRecipe, menuPlacements, menuSeparatorRecipe, menuShortcutRecipe, menuSurfaceRecipe, menuTextRecipe, menuTones, metaRowEmphases, metaRowLayouts, metaRowRecipe, metaRowTones, meterCaptionRecipe, meterHeadRecipe, meterLegendDotRecipe, meterLegendItemRecipe, meterLegendRecipe, meterPartRecipe, meterPartsRecipe, meterRangeRecipe, meterReadingRecipe, meterRecipe, meterTrackRecipe, meterVariants, nebulaCloudLowRecipe, nebulaCloudRecipe, nebulaCloudWideRecipe, nebulaOrigins, nebulaRecipe, nebulaTones, nebulaVeilRecipe, numberRangeDashRecipe, numberRangeHalfRecipe, numberRangeRecipe, overlayMotion, paperActionRecipe, paperBadgeRecipe, paperBodyRecipe, paperHeaderRecipe, paperInsets, paperRecipe, paperRuleRecipe, paperTones, paperVariants, progressBarRangeRecipe, progressBarTones, progressBarTrackRecipe, queueAgeFillRecipe, queueAgeLabelRecipe, queueAgeRecipe, queueAgeTrackRecipe, queueDotRecipe, queueHintRecipe, queueLeadRecipe, queueRecipe, queueRowRecipe, queueTextRecipe, radioAccents, radioAsideRecipe, radioControlRecipe, radioDotRecipe, radioErrorRecipe, radioGroupLabelRecipe, radioGroupRecipe, radioHintRecipe, radioIndicatorRecipe, radioLabelRecipe, radioLeadRecipe, radioRecipe, radioTitleRecipe, restingEyebrow, restingWeight, scopeSwitcherBadgeRecipe, scopeSwitcherChevronsRecipe, scopeSwitcherCodeRecipe, scopeSwitcherDotRecipe, scopeSwitcherEyebrowRecipe, scopeSwitcherIconRecipe, scopeSwitcherListRecipe, scopeSwitcherMarkRecipe, scopeSwitcherPillIconRecipe, scopeSwitcherPillRecipe, scopeSwitcherRecipe, scopeSwitcherRowMetaRecipe, scopeSwitcherRowNameRecipe, scopeSwitcherRowRecipe, scopeSwitcherRowTextRecipe, scopeSwitcherTextRecipe, scopeSwitcherValueRecipe, scopeSwitcherWarningRecipe, scrollAreaRecipe, scrollAreaSurfaces, scrollBarRecipe, scrollContentRecipe, scrollCornerRecipe, scrollThumbRecipe, scrollViewportRecipe, searchEmptyRecipe, searchFieldRecipe, searchFootRecipe, searchHitMetaRecipe, searchHitRecipe, searchHitTextRecipe, searchInputRecipe, searchKeyRecipe, searchLabelRecipe, searchListRecipe, searchMarkRecipe, searchPanelRecipe, searchPositionerRecipe, searchRuleRecipe, searchTriggerRecipe, sectionHeaderEyebrows, sectionHeaderLabelStackRecipe, sectionHeaderRecipe, sectionHeaderSizes, sectionHeaderTones, segmentedControlIndicatorRecipe, segmentedControlItemRecipe, segmentedControlRecipe, selectEmptyRecipe, selectIndicatorRecipe, selectRowRecipe, selectTriggerRecipe, selectValueRecipe, separatorOrientations, separatorRecipe, separatorTones, separatorVariants, sidebarBrandRecipe, sidebarBrandStackRecipe, sidebarBrandSubtitleRecipe, sidebarChevronRecipe, sidebarDotRecipe, sidebarFootRecipe, sidebarGroupRecipe, sidebarHeadRecipe, sidebarIconRecipe, sidebarItemRecipe, sidebarLabelRecipe, sidebarMarkRecipe, sidebarMobileBarRecipe, sidebarMobileEyebrowRecipe, sidebarMobileHeadingsRecipe, sidebarMobileTitleRecipe, sidebarNavRecipe, sidebarOverlayBackdropRecipe, sidebarOverlayBodyRecipe, sidebarOverlayBrandRecipe, sidebarOverlayHeadRecipe, sidebarOverlayItemActive, sidebarOverlayNavRecipe, sidebarOverlayPanelRecipe, sidebarOverlayPositionerRecipe, sidebarOverlayScopeRecipe, sidebarOverlaySeparatorRecipe, sidebarRecipe, sidebarScopeRecipe, sidebarSubRecipe, sidebarSwitchRecipe, sidebarToggleRecipe, sidebarTravel, sidebarWordmarkRecipe, skyRecipe, sliderBoundsRecipe, sliderControlRecipe, sliderFootRecipe, sliderHeadRecipe, sliderHintRecipe, sliderKnobSize, sliderLabelRecipe, sliderNotchRecipe, sliderNotchesRecipe, sliderRangeRecipe, sliderRecipe, sliderThumbRecipe, sliderTrackRecipe, sliderValueRecipe, sparkOption, starLayers, starRecipe, statAccents, statChangeRecipe, statDirections, statFigureRecipe, statHintRecipe, statLabelRecipe, statRecipe, statSparkRecipe, statSparkShapes, statStackRecipe, statSurfaces, statTermRecipe, statUnitRecipe, statValueRecipe, switchAccents, switchControlRecipe, switchHintRecipe, switchLabelRecipe, switchRecipe, switchThumbRecipe, switchTitleRecipe, tableActionsCellRecipe, tableActionsWidth, tableAppliedRecipe, tableBodyRecipe, tableCardRecipe, tableCellRecipe, tableDetailBodyRecipe, tableDetailRecipe, tableEmptyHintRecipe, tableEmptyRecipe, tableEmptyTitleRecipe, tableExpandIconRecipe, tableExpandRecipe, tableFilterCountRecipe, tableFilterFieldRecipe, tableFilterFootRecipe, tableFilterMarkRecipe, tableFilterOptionRecipe, tableFilterOptionsRecipe, tableFilterPanelRecipe, tableFilterRecipe, tableFilterRuleRecipe, tableFilterTitleRecipe, tableFootRecipe, tableGapRecipe, tableGridRecipe, tableGroupRecipe, tableHeadCellRecipe, tableHeadRowRecipe, tableHeadingRecipe, tableMarkRecipe, tablePageMarkRecipe, tablePageRecipe, tablePageSizeMarkRecipe, tablePageSizeRecipe, tablePageSizeStripRecipe, tablePageSizesRecipe, tablePagesRecipe, tablePagingRecipe, tablePinWidth, tableRangeRecipe, tableRankRecipe, tableRecipe, tableRowRecipe, tableRuleRecipe, tableScrollRecipe, tableSearchRecipe, tableSelectCellRecipe, tableSelectionActionsRecipe, tableSelectionCountRecipe, tableSelectionRecipe, tableSkeletonBarRecipe, tableSkeletonMarkRecipe, tableSortIconRecipe, tableSortLabelRecipe, tableSortMarkRecipe, tableSortRecipe, tableStepRecipe, tableToolbarRecipe, tableValueRecipe, tailAtRecipe, tailEmptyRecipe, tailGutterRecipe, tailLineRecipe, tailRecipe, tailScrollRecipe, tailSeverities, tailTextRecipe, tallyAt, tallyOf, textFamilies, textRecipe, textSizes, textTones, textWeights, textareaCountRecipe, textareaRecipe, textareaShellRecipe, tileCloudRecipe, tileGlyphRecipe, tileRecipe, tileRests, tileTones, toneBlend, toneText, toneTint, tooltipArrowRecipe, tooltipArrowTipRecipe, tooltipCloseToken, tooltipOpenToken, tooltipPlacements, tooltipRecipe, topBarActionsRecipe, topBarContentRecipe, topBarEdgeRecipe, topBarEyebrowRecipe, topBarHeadingsRecipe, topBarLevels, topBarRecipe, topBarRuleRecipe, topBarTitleRecipe, trailBadgeRecipe, trailCaptionRecipe, trailConnectorRecipe, trailFlows, trailHintRecipe, trailLabelRecipe, trailRecipe, trailSpinRecipe, trailStates, trailStepRecipe, trailingActionRecipe, trailingRecipe, userAvatarRecipe, userChevronRecipe, userIdentityRecipe, userNameRecipe, userPortraitRecipe, userRoleRecipe, userTriggerRecipe };
|
|
63
|
+
export { HEADING_DEFAULT_TAG, TRAILING_INSET, accordionAnatomy, accordionBodyRecipe, accordionContentRecipe, accordionIndicatorRecipe, accordionItemRecipe, accordionLabelRecipe, accordionMetaRecipe, accordionRecipe, accordionRuleRecipe, accordionTriggerRecipe, alertActionRecipe, alertAnatomy, alertBannerRecipe, alertBannerTextRecipe, alertDetailRecipe, alertInlineMarkRecipe, alertInlineRecipe, alertInlineTextRecipe, alertVariants, anatomies, anatomy, arrivalMotion, bandAnatomy, bandRecipe, barsAnatomy, barsChartRecipe, barsFootRecipe, barsHeadRecipe, barsHintRecipe, barsLabelRecipe, barsLegendDotRecipe, barsLegendListRecipe, barsLegendRecipe, barsRecipe, barsSummaryRecipe, barsTextRecipe, brandMarkAnatomy, brandMarkRecipe, brandTitle, brands, buttonAccents, buttonAnatomy, buttonRecipe, buttonSizes, buttonSpinnerRecipe, buttonVariants, buttonWordsRecipe, cardHeaderActionRecipe, cardHeaderAnatomy, cardHeaderRanks, cardHeaderRecipe, cardHeaderStackRecipe, checkboxAccents, checkboxAnatomy, checkboxControlRecipe, checkboxDashRecipe, checkboxHintRecipe, checkboxIndicatorRecipe, checkboxLabelRecipe, checkboxMarkRecipe, checkboxRecipe, checkboxTitleRecipe, chipAccents, chipAnatomy, chipCloseRecipe, chipCountRecipe, chipDotRecipe, chipLabelRecipe, chipRecipe, chipSizes, chipTextRecipe, chipTones, cloudDrift, cn, codeEditorAnatomy, codeEditorRecipe, codeEditorTheme, codeSyntaxColors, collapseMotion, contentRecipe, controlIcon, datePickerAnatomy, datePickerBodyRecipe, datePickerContentRecipe, datePickerDashRecipe, datePickerDayRecipe, datePickerEndRecipe, datePickerFootRecipe, datePickerGridRecipe, datePickerHeadRecipe, datePickerModes, datePickerNavRecipe, datePickerPresetRecipe, datePickerRangePresets, datePickerRangeTextRecipe, datePickerRowRecipe, datePickerRuleRecipe, datePickerStartRecipe, datePickerTriggerRecipe, datePickerValueRecipe, datePickerViewRecipe, datePickerViewTriggerRecipe, datePickerViewsRecipe, datePickerWeekCellRecipe, defaultAlertVariant, defaultBrand, defaultCardHeaderRank, defaultCheckboxAccent, defaultChipAccent, defaultChipSize, defaultChipTone, defaultDatePickerMode, defaultDialogLayout, defaultDialogSize, defaultFeatureLevel, defaultFieldSize, defaultHeadingLevel, defaultMarkPlate, defaultMenuPlacement, defaultMenuTone, defaultMetaRowEmphasis, defaultMetaRowLayout, defaultMeterVariant, defaultNebulaTone, defaultPaperInset, defaultPaperTone, defaultPaperVariant, defaultRadioAccent, defaultScrollAreaSurface, defaultSectionHeaderSize, defaultSeparatorOrientation, defaultSeparatorTone, defaultSeparatorVariant, defaultStatAccent, defaultStatSparkShape, defaultStatSurface, defaultSwitchAccent, defaultTextFamily, defaultTextSize, defaultTextTone, defaultTileRest, defaultTileTone, defaultTooltipPlacement, defaultTopBarLevel, defaultTrailFlow, dialogAnatomy, dialogBackdropRecipe, dialogBodyRecipe, dialogCloseRecipe, dialogDescriptionRecipe, dialogFooterRecipe, dialogHeadRecipe, dialogHeadingsRecipe, dialogHeldRecipe, dialogLayouts, dialogNoteRecipe, dialogPositionerRecipe, dialogRecipe, dialogRowRecipe, dialogRowValueRecipe, dialogSizes, dialogTitleRecipe, drawerMotion, driftRecipe, featureAnatomy, featureBodyRecipe, featureFootRecipe, featureLevels, featureLinkRecipe, featureRecipe, featureTileRecipe, featureTitleRecipe, fieldErrorRecipe, fieldFootRecipe, fieldHintRecipe, fieldLabelRecipe, fieldRecipe, fieldRowRecipe, fieldUnitRecipe, findingIconRecipe, findingMessageRecipe, findingPathRecipe, findingRecipe, findingTextRecipe, findingsAnatomy, findingsRecipe, findingsSummaryRecipe, headingAnatomy, headingLevels, headingRecipe, heartbeatAnatomy, heartbeatBeatRecipe, heartbeatBeatsRecipe, heartbeatDotRecipe, heartbeatHintRecipe, heartbeatLabelRecipe, heartbeatMarkRecipe, heartbeatRecipe, heartbeatRingRecipe, heartbeatRowRecipe, heartbeatStates, heartbeatTextRecipe, inkAnatomy, inputAnatomy, inputRecipe, inputTypes, labelRoom, leadingRecipe, liftMotion, listItemAnatomy, listItemRecipe, listItemStackRecipe, listboxAnatomy, listboxEmptyRecipe, listboxItemRecipe, listboxLabelRecipe, listboxMarkRecipe, listboxRecipe, markPlates, marqueeAnatomy, marqueeCopyRecipe, marqueeItemRecipe, marqueeMarkRecipe, marqueeNameRecipe, marqueeRecipe, marqueeRuleRecipe, marqueeSpacing, marqueeStageRecipe, marqueeViewportRecipe, menuAnatomy, menuArrowRecipe, menuArrowTipRecipe, menuGroupRecipe, menuItemRecipe, menuLabelRecipe, menuListRecipe, menuMarkRecipe, menuPlacements, menuSeparatorRecipe, menuShortcutRecipe, menuSurfaceRecipe, menuTextRecipe, menuTones, metaRowAnatomy, metaRowEmphases, metaRowLayouts, metaRowRecipe, metaRowTones, meterAnatomy, meterCaptionRecipe, meterHeadRecipe, meterLegendDotRecipe, meterLegendItemRecipe, meterLegendRecipe, meterPartRecipe, meterPartsRecipe, meterRangeRecipe, meterReadingRecipe, meterRecipe, meterTrackRecipe, meterVariants, mirrorMotion, nebulaCloudLowRecipe, nebulaCloudRecipe, nebulaCloudWideRecipe, nebulaOrigins, nebulaRecipe, nebulaTones, nebulaVeilRecipe, numberRangeAnatomy, numberRangeDashRecipe, numberRangeHalfRecipe, numberRangeRecipe, overlayMotion, paperActionRecipe, paperAnatomy, paperBadgeRecipe, paperBodyRecipe, paperHeaderRecipe, paperInsets, paperRecipe, paperRuleRecipe, paperVariants, progressBarAnatomy, progressBarRangeRecipe, progressBarTones, progressBarTrackRecipe, queueAgeFillRecipe, queueAgeLabelRecipe, queueAgeRecipe, queueAgeTrackRecipe, queueAnatomy, queueDotRecipe, queueHintRecipe, queueLeadRecipe, queueRecipe, queueRowRecipe, queueTextRecipe, radioAccents, radioAsideRecipe, radioControlRecipe, radioDotRecipe, radioErrorRecipe, radioGroupAnatomy, radioGroupLabelRecipe, radioGroupRecipe, radioHintRecipe, radioIndicatorRecipe, radioLabelRecipe, radioLeadRecipe, radioRecipe, radioTitleRecipe, railCollapse, railMorph, restingEyebrow, restingWeight, scopeSwitcherAnatomy, scopeSwitcherBadgeRecipe, scopeSwitcherChevronsRecipe, scopeSwitcherCodeRecipe, scopeSwitcherDotRecipe, scopeSwitcherEyebrowRecipe, scopeSwitcherIconRecipe, scopeSwitcherListRecipe, scopeSwitcherMarkRecipe, scopeSwitcherPillIconRecipe, scopeSwitcherPillRecipe, scopeSwitcherRecipe, scopeSwitcherRowMetaRecipe, scopeSwitcherRowNameRecipe, scopeSwitcherRowRecipe, scopeSwitcherRowTextRecipe, scopeSwitcherTextRecipe, scopeSwitcherValueRecipe, scopeSwitcherWarningRecipe, scrimMirrorMotion, scrollAreaAnatomy, scrollAreaRecipe, scrollAreaSurfaces, scrollBarRecipe, scrollContentRecipe, scrollCornerRecipe, scrollThumbRecipe, scrollViewportRecipe, searchEmptyRecipe, searchFieldRecipe, searchFootRecipe, searchHitMetaRecipe, searchHitRecipe, searchHitTextRecipe, searchInputRecipe, searchKeyRecipe, searchLabelRecipe, searchListRecipe, searchMarkRecipe, searchPaletteAnatomy, searchPanelRecipe, searchPositionerRecipe, searchRuleRecipe, searchTriggerRecipe, sectionHeaderAnatomy, sectionHeaderEyebrows, sectionHeaderLabelStackRecipe, sectionHeaderRecipe, sectionHeaderSizes, segmentedControlAnatomy, segmentedControlIndicatorRecipe, segmentedControlItemRecipe, segmentedControlRecipe, selectAnatomy, selectEmptyRecipe, selectIndicatorRecipe, selectRowRecipe, selectTriggerRecipe, selectValueRecipe, separatorAnatomy, separatorOrientations, separatorRecipe, separatorTones, separatorVariants, sidebarAnatomy, sidebarBrandRecipe, sidebarBrandStackRecipe, sidebarBrandSubtitleRecipe, sidebarChevronRecipe, sidebarDotRecipe, sidebarFootRecipe, sidebarGroupRecipe, sidebarHeadRecipe, sidebarIconRecipe, sidebarItemRecipe, sidebarLabelRecipe, sidebarMarkRecipe, sidebarMobileBarRecipe, sidebarMobileEyebrowRecipe, sidebarMobileHeadingsRecipe, sidebarMobileTitleRecipe, sidebarNavRecipe, sidebarOverlayBackdropRecipe, sidebarOverlayBodyRecipe, sidebarOverlayBrandRecipe, sidebarOverlayHeadRecipe, sidebarOverlayItemActive, sidebarOverlayNavRecipe, sidebarOverlayPanelRecipe, sidebarOverlayPositionerRecipe, sidebarOverlayScopeRecipe, sidebarOverlaySeparatorRecipe, sidebarRecipe, sidebarScopeRecipe, sidebarSubRecipe, sidebarSwitchRecipe, sidebarToggleRecipe, sidebarTravel, sidebarWordmarkRecipe, skyAnatomy, skyRecipe, sliderAnatomy, sliderBoundsRecipe, sliderControlRecipe, sliderFootRecipe, sliderHeadRecipe, sliderHintRecipe, sliderKnobSize, sliderLabelRecipe, sliderNotchRecipe, sliderNotchesRecipe, sliderRangeRecipe, sliderRecipe, sliderThumbRecipe, sliderTrackRecipe, sliderValueRecipe, starLayers, starRecipe, statAccents, statAnatomy, statChangeRecipe, statDirections, statFigureRecipe, statHintRecipe, statLabelRecipe, statRecipe, statSparkRecipe, statSparkShapes, statStackRecipe, statSurfaces, statTermRecipe, statUnitRecipe, statValueRecipe, switchAccents, switchAnatomy, switchControlRecipe, switchHintRecipe, switchLabelRecipe, switchRecipe, switchThumbRecipe, switchTitleRecipe, tableActionsCellRecipe, tableActionsWidth, tableAnatomy, tableAppliedRecipe, tableBodyRecipe, tableCardRecipe, tableCellRecipe, tableDetailBodyRecipe, tableDetailRecipe, tableEmptyHintRecipe, tableEmptyRecipe, tableEmptyTitleRecipe, tableExpandIconRecipe, tableExpandRecipe, tableFilterCountRecipe, tableFilterFieldRecipe, tableFilterFootRecipe, tableFilterMarkRecipe, tableFilterOptionRecipe, tableFilterOptionsRecipe, tableFilterPanelRecipe, tableFilterRecipe, tableFilterRuleRecipe, tableFilterTitleRecipe, tableFootRecipe, tableGapRecipe, tableGridRecipe, tableGroupRecipe, tableHeadCellRecipe, tableHeadRowRecipe, tableHeadingRecipe, tableMarkRecipe, tablePageMarkRecipe, tablePageRecipe, tablePageSizeMarkRecipe, tablePageSizeRecipe, tablePageSizeStripRecipe, tablePageSizesRecipe, tablePagesRecipe, tablePagingRecipe, tablePinWidth, tableRangeRecipe, tableRankRecipe, tableRecipe, tableRowRecipe, tableRuleRecipe, tableScrollRecipe, tableSearchRecipe, tableSelectCellRecipe, tableSelectionActionsRecipe, tableSelectionCountRecipe, tableSelectionRecipe, tableSkeletonBarRecipe, tableSkeletonMarkRecipe, tableSortIconRecipe, tableSortLabelRecipe, tableSortMarkRecipe, tableSortRecipe, tableStepRecipe, tableToolbarRecipe, tableValueRecipe, tailAnatomy, tailAtRecipe, tailEmptyRecipe, tailGutterRecipe, tailLineRecipe, tailRecipe, tailScrollRecipe, tailSeverities, tailTextRecipe, textAnatomy, textFamilies, textRecipe, textSizes, textTones, textWeights, textareaAnatomy, textareaCountRecipe, textareaRecipe, textareaShellRecipe, tileAnatomy, tileCloudRecipe, tileGlyphRecipe, tileRecipe, tileRests, tileTones, toneBlend, toneText, toneTint, tooltipAnatomy, tooltipArrowRecipe, tooltipArrowTipRecipe, tooltipCloseToken, tooltipOpenToken, tooltipPlacements, tooltipRecipe, topBarActionsRecipe, topBarAnatomy, topBarContentRecipe, topBarEdgeRecipe, topBarEyebrowRecipe, topBarHeadingsRecipe, topBarLevels, topBarRecipe, topBarRuleRecipe, topBarTitleRecipe, trailAnatomy, trailBadgeRecipe, trailCaptionRecipe, trailConnectorRecipe, trailFlows, trailHintRecipe, trailLabelRecipe, trailRecipe, trailSpinRecipe, trailStates, trailStepRecipe, trailingActionRecipe, trailingRecipe, userAvatarRecipe, userChevronRecipe, userIdentityRecipe, userMenuAnatomy, userNameRecipe, userPortraitRecipe, userRoleRecipe, userTriggerRecipe, valueGlide };
|
|
@@ -8,6 +8,33 @@ declare const accordionIndicatorRecipe: (props?: import("class-variance-authorit
|
|
|
8
8
|
declare const accordionContentRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
9
9
|
declare const accordionBodyRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
10
10
|
declare const accordionRuleRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
11
|
+
declare const accordionAnatomy: {
|
|
12
|
+
readonly body: {
|
|
13
|
+
readonly part: "body";
|
|
14
|
+
readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
15
|
+
readonly required: true;
|
|
16
|
+
};
|
|
17
|
+
readonly label: {
|
|
18
|
+
readonly part: "label";
|
|
19
|
+
readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
20
|
+
readonly required: true;
|
|
21
|
+
};
|
|
22
|
+
readonly meta: {
|
|
23
|
+
readonly part: "meta";
|
|
24
|
+
readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
25
|
+
readonly required: false;
|
|
26
|
+
};
|
|
27
|
+
readonly root: {
|
|
28
|
+
readonly part: "accordion";
|
|
29
|
+
readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
30
|
+
readonly required: true;
|
|
31
|
+
};
|
|
32
|
+
readonly rule: {
|
|
33
|
+
readonly part: "rule";
|
|
34
|
+
readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
35
|
+
readonly required: true;
|
|
36
|
+
};
|
|
37
|
+
};
|
|
11
38
|
//#endregion
|
|
12
|
-
export { accordionBodyRecipe, accordionContentRecipe, accordionIndicatorRecipe, accordionItemRecipe, accordionLabelRecipe, accordionMetaRecipe, accordionRecipe, accordionRuleRecipe, accordionTriggerRecipe };
|
|
39
|
+
export { accordionAnatomy, accordionBodyRecipe, accordionContentRecipe, accordionIndicatorRecipe, accordionItemRecipe, accordionLabelRecipe, accordionMetaRecipe, accordionRecipe, accordionRuleRecipe, accordionTriggerRecipe };
|
|
13
40
|
//# sourceMappingURL=accordion.d.ts.map
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { anatomy } from "../anatomy.js";
|
|
1
2
|
import { controlInert, controlReach } from "../parts/control.js";
|
|
2
3
|
import { ruleFading } from "../parts/rule.js";
|
|
3
4
|
import { collapseMotion } from "./motion.js";
|
|
@@ -36,7 +37,34 @@ const accordionBodyRecipe = cva([
|
|
|
36
37
|
"in-data-[state=open]:motion-safe:animate-tf-rise"
|
|
37
38
|
]);
|
|
38
39
|
const accordionRuleRecipe = cva([`flex-none ${ruleFading}`, "origin-left in-data-[state=open]:motion-safe:animate-tf-draw"]);
|
|
40
|
+
const accordionAnatomy = anatomy({
|
|
41
|
+
body: {
|
|
42
|
+
part: "body",
|
|
43
|
+
recipe: accordionBodyRecipe,
|
|
44
|
+
required: true
|
|
45
|
+
},
|
|
46
|
+
label: {
|
|
47
|
+
part: "label",
|
|
48
|
+
recipe: accordionLabelRecipe,
|
|
49
|
+
required: true
|
|
50
|
+
},
|
|
51
|
+
meta: {
|
|
52
|
+
part: "meta",
|
|
53
|
+
recipe: accordionMetaRecipe,
|
|
54
|
+
required: false
|
|
55
|
+
},
|
|
56
|
+
root: {
|
|
57
|
+
part: "accordion",
|
|
58
|
+
recipe: accordionRecipe,
|
|
59
|
+
required: true
|
|
60
|
+
},
|
|
61
|
+
rule: {
|
|
62
|
+
part: "rule",
|
|
63
|
+
recipe: accordionRuleRecipe,
|
|
64
|
+
required: true
|
|
65
|
+
}
|
|
66
|
+
});
|
|
39
67
|
//#endregion
|
|
40
|
-
export { accordionBodyRecipe, accordionContentRecipe, accordionIndicatorRecipe, accordionItemRecipe, accordionLabelRecipe, accordionMetaRecipe, accordionRecipe, accordionRuleRecipe, accordionTriggerRecipe };
|
|
68
|
+
export { accordionAnatomy, accordionBodyRecipe, accordionContentRecipe, accordionIndicatorRecipe, accordionItemRecipe, accordionLabelRecipe, accordionMetaRecipe, accordionRecipe, accordionRuleRecipe, accordionTriggerRecipe };
|
|
41
69
|
|
|
42
70
|
//# sourceMappingURL=accordion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.js","names":[],"sources":["../../src/recipes/accordion.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nimport { controlInert, controlReach } from '#parts/control'\nimport { ruleFading } from '#parts/rule'\n\nimport { collapseMotion } from './motion'\n\nconst accordionRecipe = cva('flex w-full flex-col gap-3 font-tf-body')\n\nconst accordionItemRecipe = cva([\n 'relative isolate flex flex-col rounded-tf-block bg-tf-panel',\n 'tf-edge-sweep tf-swept blend-tf-accent tf-edge-plain',\n 'data-[state=open]:bg-tf-panel-hi data-[state=open]:tf-ring-rest',\n 'tf-transition motion-reduce:transition-none',\n 'data-disabled:opacity-50',\n])\n\nconst accordionTriggerRecipe = cva([\n 'flex min-h-tf-control-lg w-full flex-none items-center gap-4',\n 'rounded-tf-block px-4 text-left',\n 'text-tf-body text-tf-fg',\n 'not-data-[state=open]:interactive:hovered:bg-tf-panel-hi',\n 'cursor-pointer tf-transition motion-reduce:transition-none',\n 'tf-icons',\n ...controlReach,\n ...controlInert,\n])\n\nconst accordionLabelRecipe = cva('min-w-0 flex-1 py-3 text-pretty')\n\nconst accordionMetaRecipe = cva('flex-none font-mono text-tf-caption-sm text-tf-muted')\n\nconst accordionIndicatorRecipe = cva([\n 'flex size-tf-icon-sm flex-none items-center justify-center',\n 'text-tf-muted [&_svg]:size-tf-icon-sm [&_svg]:shrink-0',\n 'data-[state=open]:rotate-180 data-[state=open]:text-tf-accent-hi',\n 'tf-transition motion-reduce:transition-none',\n])\n\nconst accordionContentRecipe = cva([...collapseMotion, 'motion-reduce:animate-none'])\n\nconst accordionBodyRecipe = cva([\n 'flex flex-col gap-4 px-4 pt-3 pb-4',\n 'text-tf-body-sm font-medium text-tf-muted',\n 'in-data-[state=open]:motion-safe:animate-tf-rise',\n])\n\nconst accordionRuleRecipe = cva([\n `flex-none ${ruleFading}`,\n 'origin-left in-data-[state=open]:motion-safe:animate-tf-draw',\n])\n\nexport {\n accordionBodyRecipe,\n accordionContentRecipe,\n accordionIndicatorRecipe,\n accordionItemRecipe,\n accordionLabelRecipe,\n accordionMetaRecipe,\n accordionRecipe,\n accordionRuleRecipe,\n accordionTriggerRecipe,\n}\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"accordion.js","names":[],"sources":["../../src/recipes/accordion.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nimport { anatomy } from '#anatomy'\nimport { controlInert, controlReach } from '#parts/control'\nimport { ruleFading } from '#parts/rule'\n\nimport { collapseMotion } from './motion'\n\nconst accordionRecipe = cva('flex w-full flex-col gap-3 font-tf-body')\n\nconst accordionItemRecipe = cva([\n 'relative isolate flex flex-col rounded-tf-block bg-tf-panel',\n 'tf-edge-sweep tf-swept blend-tf-accent tf-edge-plain',\n 'data-[state=open]:bg-tf-panel-hi data-[state=open]:tf-ring-rest',\n 'tf-transition motion-reduce:transition-none',\n 'data-disabled:opacity-50',\n])\n\nconst accordionTriggerRecipe = cva([\n 'flex min-h-tf-control-lg w-full flex-none items-center gap-4',\n 'rounded-tf-block px-4 text-left',\n 'text-tf-body text-tf-fg',\n 'not-data-[state=open]:interactive:hovered:bg-tf-panel-hi',\n 'cursor-pointer tf-transition motion-reduce:transition-none',\n 'tf-icons',\n ...controlReach,\n ...controlInert,\n])\n\nconst accordionLabelRecipe = cva('min-w-0 flex-1 py-3 text-pretty')\n\nconst accordionMetaRecipe = cva('flex-none font-mono text-tf-caption-sm text-tf-muted')\n\nconst accordionIndicatorRecipe = cva([\n 'flex size-tf-icon-sm flex-none items-center justify-center',\n 'text-tf-muted [&_svg]:size-tf-icon-sm [&_svg]:shrink-0',\n 'data-[state=open]:rotate-180 data-[state=open]:text-tf-accent-hi',\n 'tf-transition motion-reduce:transition-none',\n])\n\nconst accordionContentRecipe = cva([...collapseMotion, 'motion-reduce:animate-none'])\n\nconst accordionBodyRecipe = cva([\n 'flex flex-col gap-4 px-4 pt-3 pb-4',\n 'text-tf-body-sm font-medium text-tf-muted',\n 'in-data-[state=open]:motion-safe:animate-tf-rise',\n])\n\nconst accordionRuleRecipe = cva([\n `flex-none ${ruleFading}`,\n 'origin-left in-data-[state=open]:motion-safe:animate-tf-draw',\n])\n\nconst accordionAnatomy = anatomy({\n body: { part: 'body', recipe: accordionBodyRecipe, required: true },\n label: { part: 'label', recipe: accordionLabelRecipe, required: true },\n meta: { part: 'meta', recipe: accordionMetaRecipe, required: false },\n root: { part: 'accordion', recipe: accordionRecipe, required: true },\n rule: { part: 'rule', recipe: accordionRuleRecipe, required: true },\n})\n\nexport {\n accordionAnatomy,\n accordionBodyRecipe,\n accordionContentRecipe,\n accordionIndicatorRecipe,\n accordionItemRecipe,\n accordionLabelRecipe,\n accordionMetaRecipe,\n accordionRecipe,\n accordionRuleRecipe,\n accordionTriggerRecipe,\n}\n"],"mappings":";;;;;;AAQA,MAAM,kBAAkB,IAAI,yCAAyC;AAErE,MAAM,sBAAsB,IAAI;CAC9B;CACA;CACA;CACA;CACA;AACF,CAAC;AAED,MAAM,yBAAyB,IAAI;CACjC;CACA;CACA;CACA;CACA;CACA;CACA,GAAG;CACH,GAAG;AACL,CAAC;AAED,MAAM,uBAAuB,IAAI,iCAAiC;AAElE,MAAM,sBAAsB,IAAI,sDAAsD;AAEtF,MAAM,2BAA2B,IAAI;CACnC;CACA;CACA;CACA;AACF,CAAC;AAED,MAAM,yBAAyB,IAAI,CAAC,GAAG,gBAAgB,4BAA4B,CAAC;AAEpF,MAAM,sBAAsB,IAAI;CAC9B;CACA;CACA;AACF,CAAC;AAED,MAAM,sBAAsB,IAAI,CAC9B,aAAa,cACb,8DACF,CAAC;AAED,MAAM,mBAAmB,QAAQ;CAC/B,MAAM;EAAE,MAAM;EAAQ,QAAQ;EAAqB,UAAU;CAAK;CAClE,OAAO;EAAE,MAAM;EAAS,QAAQ;EAAsB,UAAU;CAAK;CACrE,MAAM;EAAE,MAAM;EAAQ,QAAQ;EAAqB,UAAU;CAAM;CACnE,MAAM;EAAE,MAAM;EAAa,QAAQ;EAAiB,UAAU;CAAK;CACnE,MAAM;EAAE,MAAM;EAAQ,QAAQ;EAAqB,UAAU;CAAK;AACpE,CAAC"}
|
package/dist/recipes/alert.d.ts
CHANGED
|
@@ -11,6 +11,50 @@ declare const alertActionRecipe: (props?: import("class-variance-authority/types
|
|
|
11
11
|
declare const alertInlineRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
12
12
|
declare const alertInlineMarkRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
13
13
|
declare const alertInlineTextRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
14
|
+
declare const alertAnatomy: {
|
|
15
|
+
readonly action: {
|
|
16
|
+
readonly part: "action";
|
|
17
|
+
readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
18
|
+
readonly required: false;
|
|
19
|
+
};
|
|
20
|
+
readonly banner: {
|
|
21
|
+
readonly part: "banner";
|
|
22
|
+
readonly recipe: (props?: ({
|
|
23
|
+
titled?: boolean | null | undefined;
|
|
24
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
25
|
+
readonly required: false;
|
|
26
|
+
};
|
|
27
|
+
readonly body: {
|
|
28
|
+
readonly part: "body";
|
|
29
|
+
readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
30
|
+
readonly required: false;
|
|
31
|
+
};
|
|
32
|
+
readonly detail: {
|
|
33
|
+
readonly part: "detail";
|
|
34
|
+
readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
35
|
+
readonly required: false;
|
|
36
|
+
};
|
|
37
|
+
readonly mark: {
|
|
38
|
+
readonly part: "mark";
|
|
39
|
+
readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
40
|
+
readonly required: false;
|
|
41
|
+
};
|
|
42
|
+
readonly root: {
|
|
43
|
+
readonly part: "alert";
|
|
44
|
+
readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
45
|
+
readonly required: true;
|
|
46
|
+
};
|
|
47
|
+
readonly text: {
|
|
48
|
+
readonly part: "text";
|
|
49
|
+
readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
50
|
+
readonly required: true;
|
|
51
|
+
};
|
|
52
|
+
readonly title: {
|
|
53
|
+
readonly part: "title";
|
|
54
|
+
readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
55
|
+
readonly required: false;
|
|
56
|
+
};
|
|
57
|
+
};
|
|
14
58
|
//#endregion
|
|
15
|
-
export { type AlertVariant, alertActionRecipe, alertBannerRecipe, alertBannerTextRecipe, alertDetailRecipe, alertInlineMarkRecipe, alertInlineRecipe, alertInlineTextRecipe, alertVariants, defaultAlertVariant };
|
|
59
|
+
export { type AlertVariant, alertActionRecipe, alertAnatomy, alertBannerRecipe, alertBannerTextRecipe, alertDetailRecipe, alertInlineMarkRecipe, alertInlineRecipe, alertInlineTextRecipe, alertVariants, defaultAlertVariant };
|
|
16
60
|
//# sourceMappingURL=alert.d.ts.map
|
package/dist/recipes/alert.js
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import { anatomy } from "../anatomy.js";
|
|
2
|
+
import { featureBodyRecipe, featureTitleRecipe } from "./feature.js";
|
|
1
3
|
import { cva } from "class-variance-authority";
|
|
2
4
|
//#region src/recipes/alert.ts
|
|
3
5
|
const alertVariants = ["banner", "inline"];
|
|
@@ -15,7 +17,49 @@ const alertActionRecipe = cva(["-mr-3 ml-auto flex flex-none items-center", "@tf
|
|
|
15
17
|
const alertInlineRecipe = cva(["flex items-center gap-3 rounded-tf-control bg-tf-sunken-hi px-4 py-3"]);
|
|
16
18
|
const alertInlineMarkRecipe = cva("size-2 flex-none rounded-tf-pill bg-tf-blend");
|
|
17
19
|
const alertInlineTextRecipe = cva("min-w-0 flex-1 text-tf-body-sm font-medium text-tf-fg");
|
|
20
|
+
const alertAnatomy = anatomy({
|
|
21
|
+
action: {
|
|
22
|
+
part: "action",
|
|
23
|
+
recipe: alertActionRecipe,
|
|
24
|
+
required: false
|
|
25
|
+
},
|
|
26
|
+
banner: {
|
|
27
|
+
part: "banner",
|
|
28
|
+
recipe: alertBannerRecipe,
|
|
29
|
+
required: false
|
|
30
|
+
},
|
|
31
|
+
body: {
|
|
32
|
+
part: "body",
|
|
33
|
+
recipe: featureBodyRecipe,
|
|
34
|
+
required: false
|
|
35
|
+
},
|
|
36
|
+
detail: {
|
|
37
|
+
part: "detail",
|
|
38
|
+
recipe: alertDetailRecipe,
|
|
39
|
+
required: false
|
|
40
|
+
},
|
|
41
|
+
mark: {
|
|
42
|
+
part: "mark",
|
|
43
|
+
recipe: alertInlineMarkRecipe,
|
|
44
|
+
required: false
|
|
45
|
+
},
|
|
46
|
+
root: {
|
|
47
|
+
part: "alert",
|
|
48
|
+
recipe: alertInlineRecipe,
|
|
49
|
+
required: true
|
|
50
|
+
},
|
|
51
|
+
text: {
|
|
52
|
+
part: "text",
|
|
53
|
+
recipe: alertBannerTextRecipe,
|
|
54
|
+
required: true
|
|
55
|
+
},
|
|
56
|
+
title: {
|
|
57
|
+
part: "title",
|
|
58
|
+
recipe: featureTitleRecipe,
|
|
59
|
+
required: false
|
|
60
|
+
}
|
|
61
|
+
});
|
|
18
62
|
//#endregion
|
|
19
|
-
export { alertActionRecipe, alertBannerRecipe, alertBannerTextRecipe, alertDetailRecipe, alertInlineMarkRecipe, alertInlineRecipe, alertInlineTextRecipe, alertVariants, defaultAlertVariant };
|
|
63
|
+
export { alertActionRecipe, alertAnatomy, alertBannerRecipe, alertBannerTextRecipe, alertDetailRecipe, alertInlineMarkRecipe, alertInlineRecipe, alertInlineTextRecipe, alertVariants, defaultAlertVariant };
|
|
20
64
|
|
|
21
65
|
//# sourceMappingURL=alert.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.js","names":[],"sources":["../../src/recipes/alert.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nconst alertVariants = ['banner', 'inline'] as const\n\ntype AlertVariant = (typeof alertVariants)[number]\n\nconst defaultAlertVariant = 'banner' satisfies AlertVariant\n\nconst alertBannerRecipe = cva('flex flex-col items-start gap-5 @tf-panel:flex-row', {\n defaultVariants: { titled: true },\n variants: {\n titled: { false: '@tf-panel:items-center', true: '' },\n },\n})\n\nconst alertBannerTextRecipe = cva('flex min-w-0 flex-1 flex-col gap-5')\n\nconst alertDetailRecipe = cva('flex flex-wrap gap-2')\n\nconst alertActionRecipe = cva([\n '-mr-3 ml-auto flex flex-none items-center',\n '@tf-panel:min-h-tf-control-lg',\n])\n\nconst alertInlineRecipe = cva([\n 'flex items-center gap-3 rounded-tf-control bg-tf-sunken-hi px-4 py-3',\n])\n\nconst alertInlineMarkRecipe = cva('size-2 flex-none rounded-tf-pill bg-tf-blend')\n\nconst alertInlineTextRecipe = cva('min-w-0 flex-1 text-tf-body-sm font-medium text-tf-fg')\n\nexport {\n type AlertVariant,\n alertActionRecipe,\n alertBannerRecipe,\n alertBannerTextRecipe,\n alertDetailRecipe,\n alertInlineMarkRecipe,\n alertInlineRecipe,\n alertInlineTextRecipe,\n alertVariants,\n defaultAlertVariant,\n}\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"alert.js","names":[],"sources":["../../src/recipes/alert.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nimport { anatomy } from '#anatomy'\n\nimport { featureBodyRecipe, featureTitleRecipe } from './feature'\n\nconst alertVariants = ['banner', 'inline'] as const\n\ntype AlertVariant = (typeof alertVariants)[number]\n\nconst defaultAlertVariant = 'banner' satisfies AlertVariant\n\nconst alertBannerRecipe = cva('flex flex-col items-start gap-5 @tf-panel:flex-row', {\n defaultVariants: { titled: true },\n variants: {\n titled: { false: '@tf-panel:items-center', true: '' },\n },\n})\n\nconst alertBannerTextRecipe = cva('flex min-w-0 flex-1 flex-col gap-5')\n\nconst alertDetailRecipe = cva('flex flex-wrap gap-2')\n\nconst alertActionRecipe = cva([\n '-mr-3 ml-auto flex flex-none items-center',\n '@tf-panel:min-h-tf-control-lg',\n])\n\nconst alertInlineRecipe = cva([\n 'flex items-center gap-3 rounded-tf-control bg-tf-sunken-hi px-4 py-3',\n])\n\nconst alertInlineMarkRecipe = cva('size-2 flex-none rounded-tf-pill bg-tf-blend')\n\nconst alertInlineTextRecipe = cva('min-w-0 flex-1 text-tf-body-sm font-medium text-tf-fg')\n\nconst alertAnatomy = anatomy({\n action: { part: 'action', recipe: alertActionRecipe, required: false },\n banner: { part: 'banner', recipe: alertBannerRecipe, required: false },\n body: { part: 'body', recipe: featureBodyRecipe, required: false },\n detail: { part: 'detail', recipe: alertDetailRecipe, required: false },\n mark: { part: 'mark', recipe: alertInlineMarkRecipe, required: false },\n root: { part: 'alert', recipe: alertInlineRecipe, required: true },\n text: { part: 'text', recipe: alertBannerTextRecipe, required: true },\n title: { part: 'title', recipe: featureTitleRecipe, required: false },\n})\n\nexport {\n type AlertVariant,\n alertActionRecipe,\n alertAnatomy,\n alertBannerRecipe,\n alertBannerTextRecipe,\n alertDetailRecipe,\n alertInlineMarkRecipe,\n alertInlineRecipe,\n alertInlineTextRecipe,\n alertVariants,\n defaultAlertVariant,\n}\n"],"mappings":";;;;AAMA,MAAM,gBAAgB,CAAC,UAAU,QAAQ;AAIzC,MAAM,sBAAsB;AAE5B,MAAM,oBAAoB,IAAI,sDAAsD;CAClF,iBAAiB,EAAE,QAAQ,KAAK;CAChC,UAAU,EACR,QAAQ;EAAE,OAAO;EAA0B,MAAM;CAAG,EACtD;AACF,CAAC;AAED,MAAM,wBAAwB,IAAI,oCAAoC;AAEtE,MAAM,oBAAoB,IAAI,sBAAsB;AAEpD,MAAM,oBAAoB,IAAI,CAC5B,6CACA,+BACF,CAAC;AAED,MAAM,oBAAoB,IAAI,CAC5B,sEACF,CAAC;AAED,MAAM,wBAAwB,IAAI,8CAA8C;AAEhF,MAAM,wBAAwB,IAAI,uDAAuD;AAEzF,MAAM,eAAe,QAAQ;CAC3B,QAAQ;EAAE,MAAM;EAAU,QAAQ;EAAmB,UAAU;CAAM;CACrE,QAAQ;EAAE,MAAM;EAAU,QAAQ;EAAmB,UAAU;CAAM;CACrE,MAAM;EAAE,MAAM;EAAQ,QAAQ;EAAmB,UAAU;CAAM;CACjE,QAAQ;EAAE,MAAM;EAAU,QAAQ;EAAmB,UAAU;CAAM;CACrE,MAAM;EAAE,MAAM;EAAQ,QAAQ;EAAuB,UAAU;CAAM;CACrE,MAAM;EAAE,MAAM;EAAS,QAAQ;EAAmB,UAAU;CAAK;CACjE,MAAM;EAAE,MAAM;EAAQ,QAAQ;EAAuB,UAAU;CAAK;CACpE,OAAO;EAAE,MAAM;EAAS,QAAQ;EAAoB,UAAU;CAAM;AACtE,CAAC"}
|
package/dist/recipes/band.d.ts
CHANGED
|
@@ -3,6 +3,16 @@ declare const bandRecipe: (props?: ({
|
|
|
3
3
|
divider?: boolean | null | undefined;
|
|
4
4
|
surface?: boolean | null | undefined;
|
|
5
5
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
|
+
declare const bandAnatomy: {
|
|
7
|
+
readonly root: {
|
|
8
|
+
readonly part: "band";
|
|
9
|
+
readonly recipe: (props?: ({
|
|
10
|
+
divider?: boolean | null | undefined;
|
|
11
|
+
surface?: boolean | null | undefined;
|
|
12
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
13
|
+
readonly required: true;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
6
16
|
//#endregion
|
|
7
|
-
export { bandRecipe };
|
|
17
|
+
export { bandAnatomy, bandRecipe };
|
|
8
18
|
//# sourceMappingURL=band.d.ts.map
|
package/dist/recipes/band.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { anatomy } from "../anatomy.js";
|
|
1
2
|
import { cva } from "class-variance-authority";
|
|
2
3
|
//#region src/recipes/band.ts
|
|
3
4
|
const bandRecipe = cva("px-6 py-24 sm:px-12", {
|
|
@@ -16,7 +17,12 @@ const bandRecipe = cva("px-6 py-24 sm:px-12", {
|
|
|
16
17
|
}
|
|
17
18
|
}
|
|
18
19
|
});
|
|
20
|
+
const bandAnatomy = anatomy({ root: {
|
|
21
|
+
part: "band",
|
|
22
|
+
recipe: bandRecipe,
|
|
23
|
+
required: true
|
|
24
|
+
} });
|
|
19
25
|
//#endregion
|
|
20
|
-
export { bandRecipe };
|
|
26
|
+
export { bandAnatomy, bandRecipe };
|
|
21
27
|
|
|
22
28
|
//# sourceMappingURL=band.js.map
|
package/dist/recipes/band.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"band.js","names":[],"sources":["../../src/recipes/band.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nconst bandRecipe = cva('px-6 py-24 sm:px-12', {\n defaultVariants: { divider: false, surface: false },\n variants: {\n divider: { false: '', true: 'border-t border-tf-line-2' },\n surface: { false: '', true: 'bg-tf-surface' },\n },\n})\n\nexport { bandRecipe }\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"band.js","names":[],"sources":["../../src/recipes/band.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nimport { anatomy } from '#anatomy'\n\nconst bandRecipe = cva('px-6 py-24 sm:px-12', {\n defaultVariants: { divider: false, surface: false },\n variants: {\n divider: { false: '', true: 'border-t border-tf-line-2' },\n surface: { false: '', true: 'bg-tf-surface' },\n },\n})\n\nconst bandAnatomy = anatomy({\n root: { part: 'band', recipe: bandRecipe, required: true },\n})\n\nexport { bandAnatomy, bandRecipe }\n"],"mappings":";;;AAIA,MAAM,aAAa,IAAI,uBAAuB;CAC5C,iBAAiB;EAAE,SAAS;EAAO,SAAS;CAAM;CAClD,UAAU;EACR,SAAS;GAAE,OAAO;GAAI,MAAM;EAA4B;EACxD,SAAS;GAAE,OAAO;GAAI,MAAM;EAAgB;CAC9C;AACF,CAAC;AAED,MAAM,cAAc,QAAQ,EAC1B,MAAM;CAAE,MAAM;CAAQ,QAAQ;CAAY,UAAU;AAAK,EAC3D,CAAC"}
|
package/dist/recipes/bars.d.ts
CHANGED
|
@@ -12,6 +12,65 @@ declare const barsLegendDotRecipe: (props?: ({
|
|
|
12
12
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
13
13
|
declare const barsSummaryRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
14
14
|
declare const barsChartRecipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
15
|
+
declare const barsAnatomy: {
|
|
16
|
+
readonly chart: {
|
|
17
|
+
readonly part: "chart";
|
|
18
|
+
readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
19
|
+
readonly required: true;
|
|
20
|
+
};
|
|
21
|
+
readonly dot: {
|
|
22
|
+
readonly part: "dot";
|
|
23
|
+
readonly recipe: (props?: ({
|
|
24
|
+
tone?: "accent" | "plain" | null | undefined;
|
|
25
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
26
|
+
readonly required: false;
|
|
27
|
+
};
|
|
28
|
+
readonly foot: {
|
|
29
|
+
readonly part: "foot";
|
|
30
|
+
readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
31
|
+
readonly required: false;
|
|
32
|
+
};
|
|
33
|
+
readonly head: {
|
|
34
|
+
readonly part: "head";
|
|
35
|
+
readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
36
|
+
readonly required: true;
|
|
37
|
+
};
|
|
38
|
+
readonly hint: {
|
|
39
|
+
readonly part: "hint";
|
|
40
|
+
readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
41
|
+
readonly required: false;
|
|
42
|
+
};
|
|
43
|
+
readonly label: {
|
|
44
|
+
readonly part: "label";
|
|
45
|
+
readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
46
|
+
readonly required: true;
|
|
47
|
+
};
|
|
48
|
+
readonly legend: {
|
|
49
|
+
readonly part: "legend";
|
|
50
|
+
readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
51
|
+
readonly required: false;
|
|
52
|
+
};
|
|
53
|
+
readonly legendList: {
|
|
54
|
+
readonly part: "legend-list";
|
|
55
|
+
readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
56
|
+
readonly required: false;
|
|
57
|
+
};
|
|
58
|
+
readonly root: {
|
|
59
|
+
readonly part: "bars";
|
|
60
|
+
readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
61
|
+
readonly required: true;
|
|
62
|
+
};
|
|
63
|
+
readonly summary: {
|
|
64
|
+
readonly part: "summary";
|
|
65
|
+
readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
66
|
+
readonly required: false;
|
|
67
|
+
};
|
|
68
|
+
readonly text: {
|
|
69
|
+
readonly part: "text";
|
|
70
|
+
readonly recipe: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
71
|
+
readonly required: true;
|
|
72
|
+
};
|
|
73
|
+
};
|
|
15
74
|
//#endregion
|
|
16
|
-
export { barsChartRecipe, barsFootRecipe, barsHeadRecipe, barsHintRecipe, barsLabelRecipe, barsLegendDotRecipe, barsLegendListRecipe, barsLegendRecipe, barsRecipe, barsSummaryRecipe, barsTextRecipe };
|
|
75
|
+
export { barsAnatomy, barsChartRecipe, barsFootRecipe, barsHeadRecipe, barsHintRecipe, barsLabelRecipe, barsLegendDotRecipe, barsLegendListRecipe, barsLegendRecipe, barsRecipe, barsSummaryRecipe, barsTextRecipe };
|
|
17
76
|
//# sourceMappingURL=bars.d.ts.map
|
package/dist/recipes/bars.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { anatomy } from "../anatomy.js";
|
|
1
2
|
import { cva } from "class-variance-authority";
|
|
2
3
|
//#region src/recipes/bars.ts
|
|
3
4
|
const barsRecipe = cva([
|
|
@@ -21,7 +22,64 @@ const barsLegendDotRecipe = cva("size-2 flex-none rounded-tf-pill", {
|
|
|
21
22
|
});
|
|
22
23
|
const barsSummaryRecipe = cva("tabular-nums");
|
|
23
24
|
const barsChartRecipe = cva("h-36 w-full");
|
|
25
|
+
const barsAnatomy = anatomy({
|
|
26
|
+
chart: {
|
|
27
|
+
part: "chart",
|
|
28
|
+
recipe: barsChartRecipe,
|
|
29
|
+
required: true
|
|
30
|
+
},
|
|
31
|
+
dot: {
|
|
32
|
+
part: "dot",
|
|
33
|
+
recipe: barsLegendDotRecipe,
|
|
34
|
+
required: false
|
|
35
|
+
},
|
|
36
|
+
foot: {
|
|
37
|
+
part: "foot",
|
|
38
|
+
recipe: barsFootRecipe,
|
|
39
|
+
required: false
|
|
40
|
+
},
|
|
41
|
+
head: {
|
|
42
|
+
part: "head",
|
|
43
|
+
recipe: barsHeadRecipe,
|
|
44
|
+
required: true
|
|
45
|
+
},
|
|
46
|
+
hint: {
|
|
47
|
+
part: "hint",
|
|
48
|
+
recipe: barsHintRecipe,
|
|
49
|
+
required: false
|
|
50
|
+
},
|
|
51
|
+
label: {
|
|
52
|
+
part: "label",
|
|
53
|
+
recipe: barsLabelRecipe,
|
|
54
|
+
required: true
|
|
55
|
+
},
|
|
56
|
+
legend: {
|
|
57
|
+
part: "legend",
|
|
58
|
+
recipe: barsLegendRecipe,
|
|
59
|
+
required: false
|
|
60
|
+
},
|
|
61
|
+
legendList: {
|
|
62
|
+
part: "legend-list",
|
|
63
|
+
recipe: barsLegendListRecipe,
|
|
64
|
+
required: false
|
|
65
|
+
},
|
|
66
|
+
root: {
|
|
67
|
+
part: "bars",
|
|
68
|
+
recipe: barsRecipe,
|
|
69
|
+
required: true
|
|
70
|
+
},
|
|
71
|
+
summary: {
|
|
72
|
+
part: "summary",
|
|
73
|
+
recipe: barsSummaryRecipe,
|
|
74
|
+
required: false
|
|
75
|
+
},
|
|
76
|
+
text: {
|
|
77
|
+
part: "text",
|
|
78
|
+
recipe: barsTextRecipe,
|
|
79
|
+
required: true
|
|
80
|
+
}
|
|
81
|
+
});
|
|
24
82
|
//#endregion
|
|
25
|
-
export { barsChartRecipe, barsFootRecipe, barsHeadRecipe, barsHintRecipe, barsLabelRecipe, barsLegendDotRecipe, barsLegendListRecipe, barsLegendRecipe, barsRecipe, barsSummaryRecipe, barsTextRecipe };
|
|
83
|
+
export { barsAnatomy, barsChartRecipe, barsFootRecipe, barsHeadRecipe, barsHintRecipe, barsLabelRecipe, barsLegendDotRecipe, barsLegendListRecipe, barsLegendRecipe, barsRecipe, barsSummaryRecipe, barsTextRecipe };
|
|
26
84
|
|
|
27
85
|
//# sourceMappingURL=bars.js.map
|