@react-spectrum/s2 1.4.0 → 1.5.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/exports/CenterBaseline.cjs +12 -0
- package/dist/exports/CenterBaseline.cjs.map +1 -0
- package/dist/exports/CenterBaseline.mjs +7 -0
- package/dist/exports/CenterBaseline.mjs.map +1 -0
- package/dist/exports/Skeleton.cjs +1 -0
- package/dist/exports/Skeleton.cjs.map +1 -1
- package/dist/exports/Skeleton.mjs +2 -2
- package/dist/exports/Skeleton.mjs.map +1 -1
- package/dist/exports/index.cjs +3 -0
- package/dist/exports/index.cjs.map +1 -1
- package/dist/exports/index.mjs +3 -1
- package/dist/exports/index.mjs.map +1 -1
- package/dist/private/Accordion.cjs +2 -2
- package/dist/private/Accordion.css +2 -2
- package/dist/private/Accordion.mjs +2 -2
- package/dist/private/ActionBar.cjs +59 -59
- package/dist/private/ActionBar.cjs.map +1 -1
- package/dist/private/ActionBar.css +58 -58
- package/dist/private/ActionBar.css.map +1 -1
- package/dist/private/ActionBar.mjs +59 -59
- package/dist/private/ActionBar.mjs.map +1 -1
- package/dist/private/ActionButton.cjs +247 -247
- package/dist/private/ActionButton.cjs.map +1 -1
- package/dist/private/ActionButton.css +169 -169
- package/dist/private/ActionButton.css.map +1 -1
- package/dist/private/ActionButton.mjs +247 -247
- package/dist/private/ActionButton.mjs.map +1 -1
- package/dist/private/ActionButtonGroup.cjs +15 -15
- package/dist/private/ActionButtonGroup.css +9 -9
- package/dist/private/ActionButtonGroup.mjs +15 -15
- package/dist/private/ActionMenu.cjs.map +1 -1
- package/dist/private/ActionMenu.mjs.map +1 -1
- package/dist/private/Add.cjs +10 -10
- package/dist/private/Add.css +6 -6
- package/dist/private/Add.mjs +10 -10
- package/dist/private/AlertDialog.cjs +3 -3
- package/dist/private/AlertDialog.cjs.map +1 -1
- package/dist/private/AlertDialog.css +3 -3
- package/dist/private/AlertDialog.css.map +1 -1
- package/dist/private/AlertDialog.mjs +3 -3
- package/dist/private/AlertDialog.mjs.map +1 -1
- package/dist/private/Asterisk.cjs +6 -6
- package/dist/private/Asterisk.css +4 -4
- package/dist/private/Asterisk.mjs +6 -6
- package/dist/private/Avatar.cjs +16 -16
- package/dist/private/Avatar.css +16 -16
- package/dist/private/Avatar.mjs +16 -16
- package/dist/private/AvatarGroup.cjs +120 -120
- package/dist/private/AvatarGroup.css +31 -31
- package/dist/private/AvatarGroup.mjs +120 -120
- package/dist/private/Badge.cjs +197 -197
- package/dist/private/Badge.css +125 -125
- package/dist/private/Badge.mjs +197 -197
- package/dist/private/Breadcrumbs.cjs +234 -234
- package/dist/private/Breadcrumbs.cjs.map +1 -1
- package/dist/private/Breadcrumbs.css +100 -100
- package/dist/private/Breadcrumbs.css.map +1 -1
- package/dist/private/Breadcrumbs.mjs +234 -234
- package/dist/private/Breadcrumbs.mjs.map +1 -1
- package/dist/private/Button.cjs +326 -326
- package/dist/private/Button.cjs.map +1 -1
- package/dist/private/Button.css +172 -172
- package/dist/private/Button.css.map +1 -1
- package/dist/private/Button.mjs +326 -326
- package/dist/private/Button.mjs.map +1 -1
- package/dist/private/ButtonGroup.cjs +23 -20
- package/dist/private/ButtonGroup.cjs.map +1 -1
- package/dist/private/ButtonGroup.css +19 -15
- package/dist/private/ButtonGroup.css.map +1 -1
- package/dist/private/ButtonGroup.mjs +23 -20
- package/dist/private/ButtonGroup.mjs.map +1 -1
- package/dist/private/Calendar.cjs +232 -232
- package/dist/private/Calendar.cjs.map +1 -1
- package/dist/private/Calendar.css +149 -149
- package/dist/private/Calendar.css.map +1 -1
- package/dist/private/Calendar.mjs +232 -232
- package/dist/private/Calendar.mjs.map +1 -1
- package/dist/private/Card.cjs +309 -309
- package/dist/private/Card.css +206 -206
- package/dist/private/Card.mjs +309 -309
- package/dist/private/CardView.cjs +17 -17
- package/dist/private/CardView.css +17 -17
- package/dist/private/CardView.mjs +17 -17
- package/dist/private/CenterBaseline.cjs +1 -1
- package/dist/private/CenterBaseline.cjs.map +1 -1
- package/dist/private/CenterBaseline.css +2 -2
- package/dist/private/CenterBaseline.css.map +1 -1
- package/dist/private/CenterBaseline.mjs +1 -1
- package/dist/private/CenterBaseline.mjs.map +1 -1
- package/dist/private/Checkbox.cjs +188 -188
- package/dist/private/Checkbox.css +110 -110
- package/dist/private/Checkbox.mjs +188 -188
- package/dist/private/CheckboxGroup.cjs +43 -43
- package/dist/private/CheckboxGroup.css +37 -37
- package/dist/private/CheckboxGroup.mjs +43 -43
- package/dist/private/Checkmark.cjs +12 -12
- package/dist/private/Checkmark.css +8 -8
- package/dist/private/Checkmark.mjs +12 -12
- package/dist/private/Chevron.cjs +12 -12
- package/dist/private/Chevron.css +10 -10
- package/dist/private/Chevron.mjs +12 -12
- package/dist/private/ClearButton.cjs +30 -30
- package/dist/private/ClearButton.css +30 -30
- package/dist/private/ClearButton.mjs +30 -30
- package/dist/private/CloseButton.cjs +52 -52
- package/dist/private/CloseButton.cjs.map +1 -1
- package/dist/private/CloseButton.css +46 -46
- package/dist/private/CloseButton.css.map +1 -1
- package/dist/private/CloseButton.mjs +52 -52
- package/dist/private/CloseButton.mjs.map +1 -1
- package/dist/private/ColorArea.cjs +16 -16
- package/dist/private/ColorArea.css +16 -16
- package/dist/private/ColorArea.mjs +16 -16
- package/dist/private/ColorField.cjs +31 -31
- package/dist/private/ColorField.css +27 -27
- package/dist/private/ColorField.mjs +31 -31
- package/dist/private/ColorHandle.cjs +27 -27
- package/dist/private/ColorHandle.css +42 -42
- package/dist/private/ColorHandle.mjs +27 -27
- package/dist/private/ColorSlider.cjs +108 -108
- package/dist/private/ColorSlider.css +52 -52
- package/dist/private/ColorSlider.mjs +108 -108
- package/dist/private/ColorSwatch.cjs +29 -29
- package/dist/private/ColorSwatch.css +29 -29
- package/dist/private/ColorSwatch.mjs +29 -29
- package/dist/private/ColorSwatchPicker.cjs +29 -29
- package/dist/private/ColorSwatchPicker.css +48 -48
- package/dist/private/ColorSwatchPicker.mjs +29 -29
- package/dist/private/ColorWheel.cjs +26 -26
- package/dist/private/ColorWheel.css +17 -17
- package/dist/private/ColorWheel.mjs +26 -26
- package/dist/private/ComboBox.cjs +381 -381
- package/dist/private/ComboBox.cjs.map +1 -1
- package/dist/private/ComboBox.css +188 -188
- package/dist/private/ComboBox.css.map +1 -1
- package/dist/private/ComboBox.mjs +381 -381
- package/dist/private/ComboBox.mjs.map +1 -1
- package/dist/private/ContextualHelp.cjs +5 -5
- package/dist/private/ContextualHelp.cjs.map +1 -1
- package/dist/private/ContextualHelp.css +50 -50
- package/dist/private/ContextualHelp.css.map +1 -1
- package/dist/private/ContextualHelp.mjs +5 -5
- package/dist/private/ContextualHelp.mjs.map +1 -1
- package/dist/private/CornerTriangle.cjs +8 -8
- package/dist/private/CornerTriangle.css +6 -6
- package/dist/private/CornerTriangle.mjs +8 -8
- package/dist/private/Cross.cjs +14 -14
- package/dist/private/Cross.css +10 -10
- package/dist/private/Cross.mjs +14 -14
- package/dist/private/CustomDialog.cjs +25 -25
- package/dist/private/CustomDialog.css +25 -25
- package/dist/private/CustomDialog.mjs +25 -25
- package/dist/private/Dash.cjs +10 -10
- package/dist/private/Dash.css +6 -6
- package/dist/private/Dash.mjs +10 -10
- package/dist/private/DateField.cjs +73 -73
- package/dist/private/DateField.css +77 -77
- package/dist/private/DateField.mjs +73 -73
- package/dist/private/DatePicker.cjs +172 -172
- package/dist/private/DatePicker.cjs.map +1 -1
- package/dist/private/DatePicker.css +128 -128
- package/dist/private/DatePicker.css.map +1 -1
- package/dist/private/DatePicker.mjs +172 -172
- package/dist/private/DatePicker.mjs.map +1 -1
- package/dist/private/DateRangePicker.cjs +55 -55
- package/dist/private/DateRangePicker.cjs.map +1 -1
- package/dist/private/DateRangePicker.css +59 -59
- package/dist/private/DateRangePicker.css.map +1 -1
- package/dist/private/DateRangePicker.mjs +55 -55
- package/dist/private/DateRangePicker.mjs.map +1 -1
- package/dist/private/Dialog.cjs +17 -17
- package/dist/private/Dialog.css +70 -70
- package/dist/private/Dialog.mjs +17 -17
- package/dist/private/Disclosure.cjs +144 -122
- package/dist/private/Disclosure.cjs.map +1 -1
- package/dist/private/Disclosure.css +112 -112
- package/dist/private/Disclosure.css.map +1 -1
- package/dist/private/Disclosure.mjs +144 -122
- package/dist/private/Disclosure.mjs.map +1 -1
- package/dist/private/Divider.cjs +25 -25
- package/dist/private/Divider.css +25 -25
- package/dist/private/Divider.mjs +25 -25
- package/dist/private/DragHandle.cjs +8 -8
- package/dist/private/DragHandle.css +6 -6
- package/dist/private/DragHandle.mjs +8 -8
- package/dist/private/DragPreview.cjs +154 -154
- package/dist/private/DragPreview.css +106 -106
- package/dist/private/DragPreview.mjs +154 -154
- package/dist/private/DropZone.cjs +61 -61
- package/dist/private/DropZone.cjs.map +1 -1
- package/dist/private/DropZone.css +57 -57
- package/dist/private/DropZone.css.map +1 -1
- package/dist/private/DropZone.mjs +61 -61
- package/dist/private/DropZone.mjs.map +1 -1
- package/dist/private/Field.cjs +360 -360
- package/dist/private/Field.cjs.map +1 -1
- package/dist/private/Field.css +160 -160
- package/dist/private/Field.css.map +1 -1
- package/dist/private/Field.mjs +360 -360
- package/dist/private/Field.mjs.map +1 -1
- package/dist/private/Form.cjs +9 -9
- package/dist/private/Form.css +9 -9
- package/dist/private/Form.mjs +9 -9
- package/dist/private/FullscreenDialog.cjs +5 -5
- package/dist/private/FullscreenDialog.css +78 -78
- package/dist/private/FullscreenDialog.mjs +5 -5
- package/dist/private/IllustratedMessage.cjs +228 -228
- package/dist/private/IllustratedMessage.css +72 -72
- package/dist/private/IllustratedMessage.mjs +228 -228
- package/dist/private/Image.cjs +14 -14
- package/dist/private/Image.css +14 -14
- package/dist/private/Image.mjs +14 -14
- package/dist/private/InlineAlert.cjs +100 -100
- package/dist/private/InlineAlert.cjs.map +1 -1
- package/dist/private/InlineAlert.css +76 -76
- package/dist/private/InlineAlert.css.map +1 -1
- package/dist/private/InlineAlert.mjs +100 -100
- package/dist/private/InlineAlert.mjs.map +1 -1
- package/dist/private/LabeledValue.cjs +134 -134
- package/dist/private/LabeledValue.css +63 -63
- package/dist/private/LabeledValue.mjs +134 -134
- package/dist/private/Link.cjs +49 -49
- package/dist/private/Link.css +41 -41
- package/dist/private/Link.mjs +49 -49
- package/dist/private/LinkOut.cjs +8 -8
- package/dist/private/LinkOut.css +8 -8
- package/dist/private/LinkOut.mjs +8 -8
- package/dist/private/ListView.cjs +245 -245
- package/dist/private/ListView.cjs.map +1 -1
- package/dist/private/ListView.css +177 -177
- package/dist/private/ListView.css.map +1 -1
- package/dist/private/ListView.mjs +245 -245
- package/dist/private/ListView.mjs.map +1 -1
- package/dist/private/Menu.cjs +446 -446
- package/dist/private/Menu.cjs.map +1 -1
- package/dist/private/Menu.css +196 -196
- package/dist/private/Menu.css.map +1 -1
- package/dist/private/Menu.mjs +446 -446
- package/dist/private/Menu.mjs.map +1 -1
- package/dist/private/Meter.cjs +153 -153
- package/dist/private/Meter.css +91 -91
- package/dist/private/Meter.mjs +153 -153
- package/dist/private/Modal.cjs +74 -74
- package/dist/private/Modal.css +59 -59
- package/dist/private/Modal.mjs +74 -74
- package/dist/private/NotificationBadge.cjs +56 -56
- package/dist/private/NotificationBadge.cjs.map +1 -1
- package/dist/private/NotificationBadge.css +49 -49
- package/dist/private/NotificationBadge.css.map +1 -1
- package/dist/private/NotificationBadge.mjs +56 -56
- package/dist/private/NotificationBadge.mjs.map +1 -1
- package/dist/private/NumberField.cjs +114 -114
- package/dist/private/NumberField.css +99 -99
- package/dist/private/NumberField.mjs +114 -114
- package/dist/private/Picker.cjs +275 -275
- package/dist/private/Picker.cjs.map +1 -1
- package/dist/private/Picker.css +173 -173
- package/dist/private/Picker.css.map +1 -1
- package/dist/private/Picker.mjs +275 -275
- package/dist/private/Picker.mjs.map +1 -1
- package/dist/private/Popover.cjs +95 -95
- package/dist/private/Popover.cjs.map +1 -1
- package/dist/private/Popover.css +75 -75
- package/dist/private/Popover.css.map +1 -1
- package/dist/private/Popover.mjs +95 -95
- package/dist/private/Popover.mjs.map +1 -1
- package/dist/private/ProgressBar.cjs +163 -163
- package/dist/private/ProgressBar.css +99 -99
- package/dist/private/ProgressBar.mjs +163 -163
- package/dist/private/ProgressCircle.cjs +34 -31
- package/dist/private/ProgressCircle.cjs.map +1 -1
- package/dist/private/ProgressCircle.css +24 -24
- package/dist/private/ProgressCircle.css.map +1 -1
- package/dist/private/ProgressCircle.mjs +34 -31
- package/dist/private/ProgressCircle.mjs.map +1 -1
- package/dist/private/Provider.cjs +19 -19
- package/dist/private/Provider.css +15 -15
- package/dist/private/Provider.mjs +19 -19
- package/dist/private/RadioGroup.cjs +208 -208
- package/dist/private/RadioGroup.css +113 -113
- package/dist/private/RadioGroup.mjs +208 -208
- package/dist/private/RangeCalendar.cjs +16 -16
- package/dist/private/RangeCalendar.cjs.map +1 -1
- package/dist/private/RangeCalendar.css +17 -17
- package/dist/private/RangeCalendar.css.map +1 -1
- package/dist/private/RangeCalendar.mjs +16 -16
- package/dist/private/RangeCalendar.mjs.map +1 -1
- package/dist/private/RangeSlider.cjs.map +1 -1
- package/dist/private/RangeSlider.mjs.map +1 -1
- package/dist/private/SearchField.cjs +41 -41
- package/dist/private/SearchField.css +45 -45
- package/dist/private/SearchField.mjs +41 -41
- package/dist/private/SegmentedControl.cjs +178 -178
- package/dist/private/SegmentedControl.css +123 -123
- package/dist/private/SegmentedControl.mjs +178 -178
- package/dist/private/SelectBoxGroup.cjs +142 -142
- package/dist/private/SelectBoxGroup.css +120 -120
- package/dist/private/SelectBoxGroup.mjs +142 -142
- package/dist/private/Slider.cjs +292 -292
- package/dist/private/Slider.css +159 -159
- package/dist/private/Slider.mjs +292 -292
- package/dist/private/StatusLight.cjs +115 -115
- package/dist/private/StatusLight.css +59 -59
- package/dist/private/StatusLight.mjs +115 -115
- package/dist/private/Switch.cjs +171 -171
- package/dist/private/Switch.css +85 -85
- package/dist/private/Switch.mjs +171 -171
- package/dist/private/TableView.cjs +551 -534
- package/dist/private/TableView.cjs.map +1 -1
- package/dist/private/TableView.css +329 -303
- package/dist/private/TableView.css.map +1 -1
- package/dist/private/TableView.mjs +551 -534
- package/dist/private/TableView.mjs.map +1 -1
- package/dist/private/Tabs.cjs +131 -125
- package/dist/private/Tabs.cjs.map +1 -1
- package/dist/private/Tabs.css +105 -105
- package/dist/private/Tabs.css.map +1 -1
- package/dist/private/Tabs.mjs +131 -125
- package/dist/private/Tabs.mjs.map +1 -1
- package/dist/private/TabsPicker.cjs +127 -127
- package/dist/private/TabsPicker.css +108 -108
- package/dist/private/TabsPicker.mjs +127 -127
- package/dist/private/TagGroup.cjs +203 -203
- package/dist/private/TagGroup.cjs.map +1 -1
- package/dist/private/TagGroup.css +146 -146
- package/dist/private/TagGroup.css.map +1 -1
- package/dist/private/TagGroup.mjs +203 -203
- package/dist/private/TagGroup.mjs.map +1 -1
- package/dist/private/TextField.cjs +58 -58
- package/dist/private/TextField.css +54 -54
- package/dist/private/TextField.mjs +58 -58
- package/dist/private/TimeField.cjs +51 -51
- package/dist/private/TimeField.css +47 -47
- package/dist/private/TimeField.mjs +51 -51
- package/dist/private/Toast.cjs +120 -120
- package/dist/private/Toast.cjs.map +1 -1
- package/dist/private/Toast.css +110 -110
- package/dist/private/Toast.css.map +1 -1
- package/dist/private/Toast.mjs +120 -120
- package/dist/private/Toast.mjs.map +1 -1
- package/dist/private/ToggleButton.cjs +16 -16
- package/dist/private/ToggleButton.css +23 -23
- package/dist/private/ToggleButton.mjs +16 -16
- package/dist/private/Tooltip.cjs +86 -86
- package/dist/private/Tooltip.css +70 -70
- package/dist/private/Tooltip.mjs +86 -86
- package/dist/private/TreeView.cjs +229 -229
- package/dist/private/TreeView.cjs.map +1 -1
- package/dist/private/TreeView.css +184 -184
- package/dist/private/TreeView.css.map +1 -1
- package/dist/private/TreeView.mjs +229 -229
- package/dist/private/TreeView.mjs.map +1 -1
- package/dist/private/dnd-utils.cjs +42 -42
- package/dist/private/dnd-utils.css +39 -39
- package/dist/private/dnd-utils.mjs +42 -42
- package/dist/types/exports/CenterBaseline.d.ts +1 -0
- package/dist/types/exports/Skeleton.d.ts +1 -1
- package/dist/types/exports/index.d.ts +1 -0
- package/dist/types/src/CenterBaseline.d.ts +17 -0
- package/dist/types/src/ContextualHelp.d.ts +1 -1
- package/dist/types/src/Disclosure.d.ts +6 -1
- package/dist/types/src/ListView.d.ts +1 -1
- package/dist/types/src/Menu.d.ts +1 -1
- package/dist/types/src/Popover.d.ts +2 -2
- package/dist/types/src/style-utils.d.ts +4 -1
- package/exports/CenterBaseline.ts +1 -0
- package/exports/Skeleton.ts +1 -1
- package/exports/index.ts +2 -0
- package/icons/Icon.cjs +10 -10
- package/icons/Icon.css +9 -9
- package/icons/Icon.mjs +10 -10
- package/icons/Skeleton.cjs +2 -2
- package/icons/Skeleton.cjs.map +1 -1
- package/icons/Skeleton.css +6 -6
- package/icons/Skeleton.mjs +2 -2
- package/icons/Skeleton.mjs.map +1 -1
- package/package.json +6 -6
- package/src/ActionBar.tsx +0 -1
- package/src/ActionButton.tsx +0 -1
- package/src/ActionMenu.tsx +0 -1
- package/src/AlertDialog.tsx +0 -1
- package/src/Breadcrumbs.tsx +0 -4
- package/src/Button.tsx +0 -1
- package/src/ButtonGroup.tsx +1 -0
- package/src/Calendar.tsx +0 -1
- package/src/CenterBaseline.tsx +17 -0
- package/src/CloseButton.tsx +0 -1
- package/src/ComboBox.tsx +0 -1
- package/src/ContextualHelp.tsx +1 -2
- package/src/DatePicker.tsx +0 -1
- package/src/DateRangePicker.tsx +0 -1
- package/src/Disclosure.tsx +92 -79
- package/src/DropZone.tsx +0 -1
- package/src/Field.tsx +0 -1
- package/src/InlineAlert.tsx +0 -1
- package/src/ListView.tsx +0 -2
- package/src/Menu.tsx +1 -8
- package/src/NotificationBadge.tsx +0 -1
- package/src/Picker.tsx +0 -1
- package/src/Popover.tsx +2 -1
- package/src/ProgressCircle.tsx +1 -1
- package/src/RangeCalendar.tsx +0 -1
- package/src/RangeSlider.tsx +0 -1
- package/src/TableView.tsx +75 -37
- package/src/Tabs.tsx +9 -2
- package/src/TagGroup.tsx +0 -1
- package/src/Toast.tsx +0 -3
- package/src/TreeView.tsx +0 -1
- package/src/style-utils.ts +13 -2
- package/style/__tests__/style-macro.test.js +71 -71
- package/style/dist/main.cjs +25 -25
- package/style/dist/module.mjs +13 -13
- package/style/dist/properties.mjs +3 -3
- package/style/dist/spectrum-theme.cjs +224 -224
- package/style/dist/spectrum-theme.mjs +217 -217
- package/style/dist/style-macro.cjs +100 -100
- package/style/dist/style-macro.mjs +94 -94
- package/style/dist/style-utils.cjs +51 -39
- package/style/dist/style-utils.cjs.map +1 -1
- package/style/dist/style-utils.mjs +50 -38
- package/style/dist/style-utils.mjs.map +1 -1
|
@@ -55,20 +55,20 @@ const $4e301a98f0cc4e4f$var$disclosure = function anonymous(props, overrides) {
|
|
|
55
55
|
if (p[1] === "N") minWidth = true;
|
|
56
56
|
rules += p[0];
|
|
57
57
|
}
|
|
58
|
-
rules += '
|
|
59
|
-
if (props.isQuiet) rules += '
|
|
60
|
-
else rules += '
|
|
58
|
+
rules += ' po15';
|
|
59
|
+
if (props.isQuiet) rules += ' _ka15';
|
|
60
|
+
else rules += ' _kb15';
|
|
61
61
|
if (props.isInGroup) {
|
|
62
|
-
rules += '
|
|
63
|
-
if (props.isQuiet) rules += '
|
|
64
|
-
else rules += '
|
|
65
|
-
} else if (props.isQuiet) rules += '
|
|
66
|
-
else rules += '
|
|
67
|
-
rules += '
|
|
68
|
-
rules += '
|
|
69
|
-
rules += '
|
|
70
|
-
rules += '
|
|
71
|
-
if (!minWidth) rules += '
|
|
62
|
+
rules += ' ha15';
|
|
63
|
+
if (props.isQuiet) rules += ' hka15';
|
|
64
|
+
else rules += ' hkb15';
|
|
65
|
+
} else if (props.isQuiet) rules += ' ha15';
|
|
66
|
+
else rules += ' hb15';
|
|
67
|
+
rules += ' ma15';
|
|
68
|
+
rules += ' la15';
|
|
69
|
+
rules += ' _jf15';
|
|
70
|
+
rules += ' ir15';
|
|
71
|
+
if (!minWidth) rules += ' Ng15';
|
|
72
72
|
return rules;
|
|
73
73
|
};
|
|
74
74
|
const $4e301a98f0cc4e4f$export$74a362b31437ec83 = /*#__PURE__*/ (0, $5FRIp$react.forwardRef)(function Disclosure(props, ref) {
|
|
@@ -99,119 +99,141 @@ const $4e301a98f0cc4e4f$export$74a362b31437ec83 = /*#__PURE__*/ (0, $5FRIp$react
|
|
|
99
99
|
})
|
|
100
100
|
});
|
|
101
101
|
});
|
|
102
|
-
const $4e301a98f0cc4e4f$var$headingStyle = "
|
|
103
|
-
const $4e301a98f0cc4e4f$var$buttonStyles = function anonymous(props) {
|
|
102
|
+
const $4e301a98f0cc4e4f$var$headingStyle = " Jy15 Gy15 Iy15 Hy15 _ub15 sd15 _vb15 Na15";
|
|
103
|
+
const $4e301a98f0cc4e4f$var$buttonStyles = function anonymous(props, overrides) {
|
|
104
104
|
let rules = " ";
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
105
|
+
let fontFamily = false;
|
|
106
|
+
let __fs = false;
|
|
107
|
+
let fontSize = false;
|
|
108
|
+
let fontWeight = false;
|
|
109
|
+
let fontVariationSettings = false;
|
|
110
|
+
let fontSynthesisWeight = false;
|
|
111
|
+
let lineHeight = false;
|
|
112
|
+
let flexGrow = false;
|
|
113
|
+
let width = false;
|
|
114
|
+
let matches = String(overrides || '').matchAll(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_6|Z|N|L|u|x|w|_x|_F|-_6BNtrc-|v)[^\s]+/g);
|
|
115
|
+
for (let p of matches){
|
|
116
|
+
if (p[1] === "u") fontFamily = true;
|
|
117
|
+
if (p[1] === "-_6BNtrc-") __fs = true;
|
|
118
|
+
if (p[1] === "v") fontSize = true;
|
|
119
|
+
if (p[1] === "x") fontWeight = true;
|
|
120
|
+
if (p[1] === "w") fontVariationSettings = true;
|
|
121
|
+
if (p[1] === "_x") fontSynthesisWeight = true;
|
|
122
|
+
if (p[1] === "_F") lineHeight = true;
|
|
123
|
+
if (p[1] === "_u") flexGrow = true;
|
|
124
|
+
if (p[1] === "Z") width = true;
|
|
125
|
+
rules += p[0];
|
|
126
|
+
}
|
|
127
|
+
if (props.isFocusVisible) rules += ' _Lf15';
|
|
128
|
+
else rules += ' _Le15';
|
|
129
|
+
rules += ' Oh15';
|
|
130
|
+
rules += ' Olc15';
|
|
131
|
+
rules += ' _Mc15';
|
|
132
|
+
rules += ' _Kb15';
|
|
133
|
+
if (!fontFamily) rules += ' uk15';
|
|
134
|
+
if (!fontFamily) rules += ' ucJ9TBTb15';
|
|
135
|
+
if (!fontFamily) rules += ' ud3Euai15';
|
|
136
|
+
if (!fontFamily) rules += ' uea15';
|
|
137
|
+
if (!fontFamily) rules += ' ugb15';
|
|
138
|
+
if (!fontFamily) rules += ' uhd15';
|
|
139
|
+
if (!fontFamily) rules += ' uje15';
|
|
140
|
+
if (!fontFamily) rules += ' u2NhKxcl15';
|
|
141
|
+
if (!fontFamily) rules += ' uic15';
|
|
120
142
|
if (props.size === "XL") {
|
|
121
|
-
rules += ' -_6BNtrc-
|
|
122
|
-
rules += '
|
|
143
|
+
if (!__fs) rules += ' -_6BNtrc-f15';
|
|
144
|
+
if (!fontSize) rules += ' vx15';
|
|
123
145
|
} else if (props.size === "L") {
|
|
124
|
-
rules += ' -_6BNtrc-
|
|
125
|
-
rules += '
|
|
146
|
+
if (!__fs) rules += ' -_6BNtrc-e15';
|
|
147
|
+
if (!fontSize) rules += ' vx15';
|
|
126
148
|
} else if (props.size === "M") {
|
|
127
|
-
rules += ' -_6BNtrc-
|
|
128
|
-
rules += '
|
|
149
|
+
if (!__fs) rules += ' -_6BNtrc-d15';
|
|
150
|
+
if (!fontSize) rules += ' vx15';
|
|
129
151
|
} else if (props.size === "S") {
|
|
130
|
-
rules += ' -_6BNtrc-
|
|
131
|
-
rules += '
|
|
152
|
+
if (!__fs) rules += ' -_6BNtrc-c15';
|
|
153
|
+
if (!fontSize) rules += ' vx15';
|
|
132
154
|
}
|
|
133
|
-
rules += '
|
|
134
|
-
rules += '
|
|
135
|
-
rules += '
|
|
136
|
-
rules += '
|
|
137
|
-
rules += '
|
|
138
|
-
rules += '
|
|
155
|
+
if (!fontWeight) rules += ' xd15';
|
|
156
|
+
if (!fontSynthesisWeight) rules += ' _xa15';
|
|
157
|
+
if (!fontWeight) rules += ' xX0cczbc15';
|
|
158
|
+
if (!fontSynthesisWeight) rules += ' _xX0cczba15';
|
|
159
|
+
if (!lineHeight) rules += ' _Fd15';
|
|
160
|
+
if (!lineHeight) rules += ' _FnuYUweb15';
|
|
139
161
|
if (props.isDisabled) {
|
|
140
|
-
rules += '
|
|
141
|
-
rules += '
|
|
162
|
+
rules += ' pp15';
|
|
163
|
+
rules += ' plc15';
|
|
142
164
|
} else {
|
|
143
|
-
if (props.isPressed) rules += '
|
|
144
|
-
else if (props.isFocusVisible) rules += '
|
|
145
|
-
else if (props.isHovered) rules += '
|
|
146
|
-
else rules += '
|
|
147
|
-
rules += '
|
|
165
|
+
if (props.isPressed) rules += ' po15';
|
|
166
|
+
else if (props.isFocusVisible) rules += ' po15';
|
|
167
|
+
else if (props.isHovered) rules += ' po15';
|
|
168
|
+
else rules += ' pt15';
|
|
169
|
+
rules += ' plb15';
|
|
148
170
|
}
|
|
149
|
-
rules += '
|
|
150
|
-
rules += '
|
|
151
|
-
rules += '
|
|
152
|
-
rules += '
|
|
153
|
-
rules += '
|
|
154
|
-
rules += '
|
|
155
|
-
rules += '
|
|
156
|
-
rules += '
|
|
157
|
-
rules += '
|
|
158
|
-
rules += '
|
|
159
|
-
rules += '
|
|
160
|
-
if (props.isPressed) rules += '
|
|
161
|
-
else if (props.isHovered) rules += '
|
|
162
|
-
else if (props.isFocusVisible) rules += '
|
|
163
|
-
else rules += '
|
|
164
|
-
rules += '
|
|
165
|
-
rules += '
|
|
166
|
-
rules += '
|
|
167
|
-
rules += '
|
|
168
|
-
rules += '
|
|
169
|
-
rules += '
|
|
170
|
-
rules += '
|
|
171
|
-
if (props.isQuiet) rules += '
|
|
172
|
-
else if (props.isFocusVisible) rules += '
|
|
173
|
-
else rules += '
|
|
174
|
-
if (props.isQuiet) rules += '
|
|
175
|
-
else if (props.isFocusVisible) rules += '
|
|
176
|
-
else rules += '
|
|
177
|
-
if (props.isQuiet) rules += '
|
|
178
|
-
else if (props.isFocusVisible) rules += '
|
|
179
|
-
else rules += '
|
|
180
|
-
if (props.isQuiet) rules += '
|
|
181
|
-
else if (props.isFocusVisible) rules += '
|
|
182
|
-
else rules += '
|
|
183
|
-
rules += '
|
|
184
|
-
rules += '
|
|
171
|
+
rules += ' sd15';
|
|
172
|
+
if (!flexGrow) rules += ' _ub15';
|
|
173
|
+
rules += ' ea15';
|
|
174
|
+
rules += ' S6FcKR15';
|
|
175
|
+
rules += ' R6FcKR15';
|
|
176
|
+
rules += ' Tu7Fubd15';
|
|
177
|
+
rules += ' Qu7Fubd15';
|
|
178
|
+
rules += ' U6FcKR15';
|
|
179
|
+
rules += ' q6FcKR15';
|
|
180
|
+
rules += ' MAyFGYc15';
|
|
181
|
+
if (!width) rules += ' Za15';
|
|
182
|
+
if (props.isPressed) rules += ' gnSjEFb15';
|
|
183
|
+
else if (props.isHovered) rules += ' gabY4te15';
|
|
184
|
+
else if (props.isFocusVisible) rules += ' gabY4te15';
|
|
185
|
+
else rules += ' g915';
|
|
186
|
+
rules += ' Yd15';
|
|
187
|
+
rules += ' Xb15';
|
|
188
|
+
rules += ' _2b15';
|
|
189
|
+
rules += ' _kJ8iPYd15';
|
|
190
|
+
rules += ' hXMFGYc15';
|
|
191
|
+
rules += ' ma15';
|
|
192
|
+
rules += ' la15';
|
|
193
|
+
if (props.isQuiet) rules += ' ob15';
|
|
194
|
+
else if (props.isFocusVisible) rules += ' ob15';
|
|
195
|
+
else rules += ' od15';
|
|
196
|
+
if (props.isQuiet) rules += ' nb15';
|
|
197
|
+
else if (props.isFocusVisible) rules += ' nb15';
|
|
198
|
+
else rules += ' nd15';
|
|
199
|
+
if (props.isQuiet) rules += ' kb15';
|
|
200
|
+
else if (props.isFocusVisible) rules += ' kb15';
|
|
201
|
+
else rules += ' kd15';
|
|
202
|
+
if (props.isQuiet) rules += ' jb15';
|
|
203
|
+
else if (props.isFocusVisible) rules += ' jb15';
|
|
204
|
+
else rules += ' jd15';
|
|
205
|
+
rules += ' _Wd15';
|
|
206
|
+
rules += ' __ca15';
|
|
185
207
|
if (props.size === "XL") {
|
|
186
|
-
if (props.density === "spacious") rules += ' -M_-
|
|
187
|
-
else if (props.density === "regular") rules += ' -M_-
|
|
188
|
-
else if (props.density === "compact") rules += ' -M_-
|
|
208
|
+
if (props.density === "spacious") rules += ' -M_-Mj15';
|
|
209
|
+
else if (props.density === "regular") rules += ' -M_-Mk15';
|
|
210
|
+
else if (props.density === "compact") rules += ' -M_-Mh15';
|
|
189
211
|
} else if (props.size === "L") {
|
|
190
|
-
if (props.density === "spacious") rules += ' -M_-
|
|
191
|
-
else if (props.density === "regular") rules += ' -M_-
|
|
192
|
-
else if (props.density === "compact") rules += ' -M_-
|
|
212
|
+
if (props.density === "spacious") rules += ' -M_-Mk15';
|
|
213
|
+
else if (props.density === "regular") rules += ' -M_-Mh15';
|
|
214
|
+
else if (props.density === "compact") rules += ' -M_-Mi15';
|
|
193
215
|
} else if (props.size === "M") {
|
|
194
|
-
if (props.density === "spacious") rules += ' -M_-
|
|
195
|
-
else if (props.density === "regular") rules += ' -M_-
|
|
196
|
-
else if (props.density === "compact") rules += ' -M_-
|
|
216
|
+
if (props.density === "spacious") rules += ' -M_-Mh15';
|
|
217
|
+
else if (props.density === "regular") rules += ' -M_-Mi15';
|
|
218
|
+
else if (props.density === "compact") rules += ' -M_-Mg15';
|
|
197
219
|
} else if (props.size === "S") {
|
|
198
|
-
if (props.density === "spacious") rules += ' -M_-
|
|
199
|
-
else if (props.density === "regular") rules += ' -M_-
|
|
200
|
-
else if (props.density === "compact") rules += ' -M_-
|
|
220
|
+
if (props.density === "spacious") rules += ' -M_-Mi15';
|
|
221
|
+
else if (props.density === "regular") rules += ' -M_-Mg15';
|
|
222
|
+
else if (props.density === "compact") rules += ' -M_-Me15';
|
|
201
223
|
}
|
|
202
|
-
rules += ' -_k_-
|
|
203
|
-
rules += ' -h_-
|
|
224
|
+
rules += ' -_k_-_ka15';
|
|
225
|
+
rules += ' -h_-ha15';
|
|
204
226
|
return rules;
|
|
205
227
|
};
|
|
206
228
|
const $4e301a98f0cc4e4f$var$chevronStyles = function anonymous(props) {
|
|
207
229
|
let rules = " ";
|
|
208
|
-
if (props.isExpanded) rules += '
|
|
209
|
-
else if (props.isRTL) rules += '
|
|
210
|
-
rules += '
|
|
211
|
-
rules += '
|
|
212
|
-
rules += '
|
|
213
|
-
rules += ' -_8sjo0b-
|
|
214
|
-
rules += '
|
|
230
|
+
if (props.isExpanded) rules += ' _Sd15';
|
|
231
|
+
else if (props.isRTL) rules += ' _Sc15';
|
|
232
|
+
rules += ' Yd15';
|
|
233
|
+
rules += ' Xb15';
|
|
234
|
+
rules += ' _2b15';
|
|
235
|
+
rules += ' -_8sjo0b-t5ZbAob15';
|
|
236
|
+
rules += ' _va15';
|
|
215
237
|
return rules;
|
|
216
238
|
};
|
|
217
239
|
const $4e301a98f0cc4e4f$var$InternalDisclosureHeader = /*#__PURE__*/ (0, $5FRIp$react.createContext)(null);
|
|
@@ -247,7 +269,7 @@ function $4e301a98f0cc4e4f$var$DisclosureHeaderWithForwardRef(props, ref) {
|
|
|
247
269
|
],
|
|
248
270
|
children: /*#__PURE__*/ (0, $5FRIp$reactjsxruntime.jsx)("div", {
|
|
249
271
|
style: UNSAFE_style,
|
|
250
|
-
className: (UNSAFE_className ?? '') + "
|
|
272
|
+
className: (UNSAFE_className ?? '') + " sd15 eb15 Ub15 qb15",
|
|
251
273
|
ref: domRef,
|
|
252
274
|
children: children
|
|
253
275
|
})
|
|
@@ -255,7 +277,7 @@ function $4e301a98f0cc4e4f$var$DisclosureHeaderWithForwardRef(props, ref) {
|
|
|
255
277
|
}
|
|
256
278
|
const $4e301a98f0cc4e4f$export$1e037ddd32f5b8ac = /*#__PURE__*/ (0, $5FRIp$react.forwardRef)($4e301a98f0cc4e4f$var$DisclosureHeaderWithForwardRef);
|
|
257
279
|
const $4e301a98f0cc4e4f$export$7843c6a5b3e340a2 = /*#__PURE__*/ (0, $5FRIp$react.forwardRef)(function DisclosureTitle(props, ref) {
|
|
258
|
-
let { level: level = 3, UNSAFE_style: UNSAFE_style, UNSAFE_className: UNSAFE_className = '', ...otherProps } = props;
|
|
280
|
+
let { level: level = 3, UNSAFE_style: UNSAFE_style, UNSAFE_className: UNSAFE_className = '', styles: styles, ...otherProps } = props;
|
|
259
281
|
let domRef = (0, $150382364eecc4bc$exports.useDOMRef)(ref);
|
|
260
282
|
const domProps = (0, $5FRIp$reactariafilterDOMProps.filterDOMProps)(otherProps);
|
|
261
283
|
let { direction: direction } = (0, $5FRIp$reactariaI18nProvider.useLocale)();
|
|
@@ -274,7 +296,7 @@ const $4e301a98f0cc4e4f$export$7843c6a5b3e340a2 = /*#__PURE__*/ (0, $5FRIp$react
|
|
|
274
296
|
size: size,
|
|
275
297
|
density: density,
|
|
276
298
|
isQuiet: isQuiet
|
|
277
|
-
}),
|
|
299
|
+
}, styles),
|
|
278
300
|
slot: "trigger",
|
|
279
301
|
children: [
|
|
280
302
|
/*#__PURE__*/ (0, $5FRIp$reactjsxruntime.jsx)((0, $e991cbcdf82ced71$exports.CenterBaseline), {
|
|
@@ -297,19 +319,19 @@ const $4e301a98f0cc4e4f$export$7843c6a5b3e340a2 = /*#__PURE__*/ (0, $5FRIp$react
|
|
|
297
319
|
children: buttonTrigger
|
|
298
320
|
});
|
|
299
321
|
});
|
|
300
|
-
const $4e301a98f0cc4e4f$var$panelStyles = "
|
|
322
|
+
const $4e301a98f0cc4e4f$var$panelStyles = " uk15 ucJ9TBTb15 ud3Euai15 uea15 ugb15 uhd15 uje15 u2NhKxcl15 uic15 -_6BNtrc-d15 vx15 xb15 _xa15 _Fb15 _FnuYUwec15 pt15 FfwmW1d15 _Nb15 Pb15 Ysgyfc15 Ydklsgce15 Xb15 Xdklsgcb15 _2b15 _2dklsgcb15";
|
|
301
323
|
const $4e301a98f0cc4e4f$var$panelInner = function anonymous(props) {
|
|
302
324
|
let rules = " ";
|
|
303
|
-
rules += '
|
|
304
|
-
rules += '
|
|
305
|
-
if (props.size === "XL") rules += '
|
|
306
|
-
else if (props.size === "L") rules += '
|
|
307
|
-
else if (props.size === "M") rules += '
|
|
308
|
-
else if (props.size === "S") rules += '
|
|
309
|
-
if (props.size === "XL") rules += '
|
|
310
|
-
else if (props.size === "L") rules += '
|
|
311
|
-
else if (props.size === "M") rules += '
|
|
312
|
-
else if (props.size === "S") rules += '
|
|
325
|
+
rules += ' Tt15';
|
|
326
|
+
rules += ' Qf15';
|
|
327
|
+
if (props.size === "XL") rules += ' Sz5EUbe15';
|
|
328
|
+
else if (props.size === "L") rules += ' Se15';
|
|
329
|
+
else if (props.size === "M") rules += ' SLabwmd15';
|
|
330
|
+
else if (props.size === "S") rules += ' St15';
|
|
331
|
+
if (props.size === "XL") rules += ' Rz5EUbe15';
|
|
332
|
+
else if (props.size === "L") rules += ' Re15';
|
|
333
|
+
else if (props.size === "M") rules += ' RLabwmd15';
|
|
334
|
+
else if (props.size === "S") rules += ' Rt15';
|
|
313
335
|
return rules;
|
|
314
336
|
};
|
|
315
337
|
const $4e301a98f0cc4e4f$export$feabaa331e1d464c = /*#__PURE__*/ (0, $5FRIp$react.forwardRef)(function DisclosurePanel(props, ref) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"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","sources":["packages/@react-spectrum/s2/src/Disclosure.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {ActionButtonContext} from './ActionButton';\nimport {\n AriaLabelingProps,\n DOMProps,\n DOMRef,\n DOMRefValue,\n forwardRefType,\n GlobalDOMAttributes\n} from '@react-types/shared';\nimport {\n baseColor,\n centerPadding,\n focusRing,\n lightDark,\n space,\n style\n} from '../style' with {type: 'macro'};\nimport {Button} from 'react-aria-components/Button';\nimport {CenterBaseline} from './CenterBaseline';\n\nimport Chevron from '../ui-icons/Chevron';\n\nimport {ContextValue, Provider, useSlottedContext} from 'react-aria-components/slots';\nimport {\n DisclosureStateContext,\n Disclosure as RACDisclosure,\n DisclosurePanel as RACDisclosurePanel,\n DisclosurePanelProps as RACDisclosurePanelProps,\n DisclosureProps as RACDisclosureProps\n} from 'react-aria-components/Disclosure';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {getAllowedOverrides, StyleProps, UnsafeStyles} from './style-utils' with {type: 'macro'};\nimport {Heading} from 'react-aria-components/Heading';\nimport React, {createContext, forwardRef, ReactNode, useContext} from 'react';\nimport {useDOMRef} from './useDOMRef';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface DisclosureProps\n extends\n Omit<\n RACDisclosureProps,\n 'className' | 'style' | 'render' | 'children' | keyof GlobalDOMAttributes\n >,\n StyleProps {\n /**\n * The size of the disclosure.\n *\n * @default 'M'\n */\n size?: 'S' | 'M' | 'L' | 'XL';\n /**\n * The amount of space between the disclosures.\n *\n * @default 'regular'\n */\n density?: 'compact' | 'regular' | 'spacious';\n /** Whether the disclosure should be displayed with a quiet style. */\n isQuiet?: boolean;\n /** The contents of the disclosure, consisting of a DisclosureTitle and DisclosurePanel. */\n children: ReactNode;\n}\n\nexport const DisclosureContext =\n createContext<ContextValue<Partial<DisclosureProps>, DOMRefValue<HTMLDivElement>>>(null);\n\nconst disclosure = style(\n {\n color: 'heading',\n borderTopWidth: {\n default: 1,\n isQuiet: 0\n },\n borderBottomWidth: {\n default: 1,\n isQuiet: 0,\n isInGroup: {\n default: 0,\n ':last-child': {\n default: 1,\n isQuiet: 0\n }\n }\n },\n borderStartWidth: 0,\n borderEndWidth: 0,\n borderStyle: 'solid',\n borderColor: 'gray-200',\n minWidth: 200\n },\n getAllowedOverrides()\n);\n\n/**\n * A disclosure is a collapsible section of content. It is composed of a header with a heading and\n * trigger button, and a panel that contains the content.\n */\nexport const Disclosure = forwardRef(function Disclosure(\n props: DisclosureProps,\n ref: DOMRef<HTMLDivElement>\n) {\n [props, ref] = useSpectrumContextProps(props, ref, DisclosureContext);\n let {size = 'M', density = 'regular', isQuiet, UNSAFE_style, UNSAFE_className = ''} = props;\n let domRef = useDOMRef(ref);\n\n let isInGroup = useContext(DisclosureContext) !== null;\n\n return (\n <Provider values={[[DisclosureContext, {size, isQuiet, density}]]}>\n <RACDisclosure\n {...props}\n ref={domRef}\n style={UNSAFE_style}\n className={(UNSAFE_className ?? '') + disclosure({isQuiet, isInGroup}, props.styles)}>\n {props.children}\n </RACDisclosure>\n </Provider>\n );\n});\n\nexport interface DisclosureTitleProps extends UnsafeStyles, DOMProps {\n /**\n * The heading level of the disclosure header.\n *\n * @default 3\n */\n level?: number;\n /** The contents of the disclosure header. */\n children: React.ReactNode;\n}\n\ninterface DisclosureHeaderProps extends UnsafeStyles, DOMProps {\n children: React.ReactNode;\n}\n\nconst headingStyle = style({\n margin: 0,\n flexGrow: 1,\n display: 'flex',\n flexShrink: 1,\n minWidth: 0\n});\n\nconst buttonStyles = style({\n ...focusRing(),\n outlineOffset: -2,\n font: 'heading',\n color: {\n default: baseColor('neutral'),\n forcedColors: 'ButtonText',\n isDisabled: {\n default: 'disabled',\n forcedColors: 'GrayText'\n }\n },\n fontWeight: 'bold',\n fontSize: {\n size: {\n S: 'title-sm',\n M: 'title',\n L: 'title-lg',\n XL: 'title-xl'\n }\n },\n lineHeight: 'ui',\n display: 'flex',\n flexGrow: 1,\n alignItems: 'baseline',\n paddingX: 'calc(self(minHeight) * 3/8 - 1px)',\n paddingY: centerPadding(),\n gap: 'calc(self(minHeight) * 3/8 - 1px)',\n minHeight: {\n // compact is equivalent to 'control', but other densities have more padding.\n size: {\n S: {\n density: {\n compact: 18,\n regular: 24,\n spacious: 32\n }\n },\n M: {\n density: {\n compact: 24,\n regular: 32,\n spacious: 40\n }\n },\n L: {\n density: {\n compact: 32,\n regular: 40,\n spacious: 48\n }\n },\n XL: {\n density: {\n compact: 40,\n regular: 48,\n spacious: 56\n }\n }\n }\n },\n width: 'full',\n backgroundColor: {\n default: 'transparent',\n isFocusVisible: lightDark('transparent-black-100', 'transparent-white-100'),\n isHovered: lightDark('transparent-black-100', 'transparent-white-100'),\n isPressed: lightDark('transparent-black-300', 'transparent-white-300')\n },\n transition: 'default',\n borderWidth: 0,\n borderRadius: {\n // Only rounded for keyboard focus and quiet.\n default: 'none',\n isFocusVisible: 'default',\n isQuiet: 'default'\n },\n textAlign: 'start',\n disableTapHighlight: true\n});\n\nconst chevronStyles = style({\n rotate: {\n isRTL: 180,\n isExpanded: 90\n },\n transition: 'default',\n '--iconPrimary': {\n type: 'fill',\n value: 'currentColor'\n },\n flexShrink: 0\n});\n\nconst InternalDisclosureHeader = createContext<{} | null>(null);\n\nfunction DisclosureHeaderWithForwardRef(props: DisclosureHeaderProps, ref: DOMRef<HTMLDivElement>) {\n let {UNSAFE_className, UNSAFE_style, children} = props;\n let domRef = useDOMRef(ref);\n let {size, isQuiet, density} = useSlottedContext(DisclosureContext)!;\n\n // Shift button size down by 2 for compact density, 1 for regular/spacious to ensure there is space between the top and bottom of the action button and container\n let newSize: 'XS' | 'S' | 'M' | 'L' | 'XL' | undefined = size;\n const sizes = ['XS', 'S', 'M', 'L', 'XL'];\n const currentIndex = sizes.indexOf(size ?? 'M');\n const shift = density === 'compact' ? 2 : 1;\n newSize = sizes[Math.max(0, currentIndex - shift)] as 'XS' | 'S' | 'M' | 'L' | 'XL';\n\n return (\n <Provider\n values={[\n [ActionButtonContext, {size: newSize, isQuiet}],\n [InternalDisclosureHeader, {}]\n ]}>\n <div\n style={UNSAFE_style}\n className={\n (UNSAFE_className ?? '') + style({display: 'flex', alignItems: 'center', gap: 4})\n }\n ref={domRef}>\n {children}\n </div>\n </Provider>\n );\n}\n\n/**\n * A wrapper element for the disclosure title that can contain other elements not part of the\n * trigger.\n */\nexport const DisclosureHeader = /*#__PURE__*/ (forwardRef as forwardRefType)(\n DisclosureHeaderWithForwardRef\n);\n\n/**\n * A disclosure title consisting of a heading and a trigger button to expand/collapse the panel.\n */\nexport const DisclosureTitle = forwardRef(function DisclosureTitle(\n props: DisclosureTitleProps,\n ref: DOMRef<HTMLDivElement>\n) {\n let {level = 3, UNSAFE_style, UNSAFE_className = '', ...otherProps} = props;\n let domRef = useDOMRef(ref);\n const domProps = filterDOMProps(otherProps);\n let {direction} = useLocale();\n let {isExpanded} = useContext(DisclosureStateContext)!;\n let {size, density, isQuiet} = useSlottedContext(DisclosureContext)!;\n let isRTL = direction === 'rtl';\n\n let buttonTrigger = (\n <Heading\n {...domProps}\n level={level}\n ref={domRef}\n style={UNSAFE_style}\n className={(UNSAFE_className ?? '') + headingStyle}>\n <Button\n className={renderProps => buttonStyles({...renderProps, size, density, isQuiet})}\n slot=\"trigger\">\n <CenterBaseline>\n <Chevron size={size} className={chevronStyles({isExpanded, isRTL})} aria-hidden=\"true\" />\n </CenterBaseline>\n {props.children}\n </Button>\n </Heading>\n );\n let ctx = useContext(InternalDisclosureHeader);\n if (ctx) {\n return buttonTrigger;\n }\n\n return <DisclosureHeader>{buttonTrigger}</DisclosureHeader>;\n});\n\nexport interface DisclosurePanelProps\n extends\n Omit<RACDisclosurePanelProps, 'className' | 'style' | 'render' | 'children'>,\n UnsafeStyles,\n DOMProps,\n AriaLabelingProps {\n children: React.ReactNode;\n}\n\nconst panelStyles = style({\n font: 'body',\n height: '--disclosure-panel-height',\n overflow: 'clip',\n transition: {\n default: '[height]',\n '@media (prefers-reduced-motion: reduce)': 'none'\n }\n});\n\nconst panelInner = style({\n paddingTop: 8,\n paddingBottom: 16,\n paddingX: {\n size: {\n S: 8,\n M: space(9),\n L: 12,\n XL: space(15)\n }\n }\n});\n\n/**\n * A disclosure panel is a collapsible section of content that is hidden until the disclosure is\n * expanded.\n */\nexport const DisclosurePanel = forwardRef(function DisclosurePanel(\n props: DisclosurePanelProps,\n ref: DOMRef<HTMLDivElement>\n) {\n let {UNSAFE_style, UNSAFE_className = '', ...otherProps} = props;\n const domProps = filterDOMProps(otherProps);\n let {size} = useSlottedContext(DisclosureContext)!;\n let panelRef = useDOMRef(ref);\n return (\n <RACDisclosurePanel\n {...domProps}\n ref={panelRef}\n style={UNSAFE_style}\n className={(UNSAFE_className ?? '') + panelStyles}>\n <div className={panelInner({size})}>{props.children}</div>\n </RACDisclosurePanel>\n );\n});\n"],"names":[],"version":3,"file":"Disclosure.cjs.map"}
|
|
1
|
+
{"mappings":"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","sources":["packages/@react-spectrum/s2/src/Disclosure.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {ActionButtonContext} from './ActionButton';\nimport {\n AriaLabelingProps,\n DOMProps,\n DOMRef,\n DOMRefValue,\n forwardRefType,\n GlobalDOMAttributes\n} from '@react-types/shared';\nimport {\n baseColor,\n centerPadding,\n focusRing,\n lightDark,\n space,\n style\n} from '../style' with {type: 'macro'};\nimport {Button} from 'react-aria-components/Button';\nimport {CenterBaseline} from './CenterBaseline';\n\nimport Chevron from '../ui-icons/Chevron';\n\nimport {ContextValue, Provider, useSlottedContext} from 'react-aria-components/slots';\nimport {\n DisclosureStateContext,\n Disclosure as RACDisclosure,\n DisclosurePanel as RACDisclosurePanel,\n DisclosurePanelProps as RACDisclosurePanelProps,\n DisclosureProps as RACDisclosureProps\n} from 'react-aria-components/Disclosure';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {\n getAllowedOverrides,\n StyleProps,\n StylesPropWithFont,\n UnsafeStyles\n} from './style-utils' with {type: 'macro'};\nimport {Heading} from 'react-aria-components/Heading';\nimport React, {createContext, forwardRef, ReactNode, useContext} from 'react';\nimport {useDOMRef} from './useDOMRef';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface DisclosureProps\n extends\n Omit<\n RACDisclosureProps,\n 'className' | 'style' | 'render' | 'children' | keyof GlobalDOMAttributes\n >,\n StyleProps {\n /**\n * The size of the disclosure.\n *\n * @default 'M'\n */\n size?: 'S' | 'M' | 'L' | 'XL';\n /**\n * The amount of space between the disclosures.\n *\n * @default 'regular'\n */\n density?: 'compact' | 'regular' | 'spacious';\n /** Whether the disclosure should be displayed with a quiet style. */\n isQuiet?: boolean;\n /** The contents of the disclosure, consisting of a DisclosureTitle and DisclosurePanel. */\n children: ReactNode;\n}\n\nexport const DisclosureContext =\n createContext<ContextValue<Partial<DisclosureProps>, DOMRefValue<HTMLDivElement>>>(null);\n\nconst disclosure = style(\n {\n color: 'heading',\n borderTopWidth: {\n default: 1,\n isQuiet: 0\n },\n borderBottomWidth: {\n default: 1,\n isQuiet: 0,\n isInGroup: {\n default: 0,\n ':last-child': {\n default: 1,\n isQuiet: 0\n }\n }\n },\n borderStartWidth: 0,\n borderEndWidth: 0,\n borderStyle: 'solid',\n borderColor: 'gray-200',\n minWidth: 200\n },\n getAllowedOverrides()\n);\n\n/**\n * A disclosure is a collapsible section of content. It is composed of a header with a heading and\n * trigger button, and a panel that contains the content.\n */\nexport const Disclosure = forwardRef(function Disclosure(\n props: DisclosureProps,\n ref: DOMRef<HTMLDivElement>\n) {\n [props, ref] = useSpectrumContextProps(props, ref, DisclosureContext);\n let {size = 'M', density = 'regular', isQuiet, UNSAFE_style, UNSAFE_className = ''} = props;\n let domRef = useDOMRef(ref);\n\n let isInGroup = useContext(DisclosureContext) !== null;\n\n return (\n <Provider values={[[DisclosureContext, {size, isQuiet, density}]]}>\n <RACDisclosure\n {...props}\n ref={domRef}\n style={UNSAFE_style}\n className={(UNSAFE_className ?? '') + disclosure({isQuiet, isInGroup}, props.styles)}>\n {props.children}\n </RACDisclosure>\n </Provider>\n );\n});\n\nexport interface DisclosureTitleProps extends UnsafeStyles, DOMProps {\n /**\n * The heading level of the disclosure header.\n *\n * @default 3\n */\n level?: number;\n /** The contents of the disclosure header. */\n children: React.ReactNode;\n /**\n * Spectrum-defined styles, returned by the `style()` macro. Only allows overriding\n * `font`, `fontFamily`, `fontWeight`, `fontSize`, and `lineHeight`.\n */\n styles?: StylesPropWithFont;\n}\n\ninterface DisclosureHeaderProps extends UnsafeStyles, DOMProps {\n children: React.ReactNode;\n}\n\nconst headingStyle = style({\n margin: 0,\n flexGrow: 1,\n display: 'flex',\n flexShrink: 1,\n minWidth: 0\n});\n\nconst buttonStyles = style(\n {\n ...focusRing(),\n outlineOffset: -2,\n font: 'heading',\n color: {\n default: baseColor('neutral'),\n forcedColors: 'ButtonText',\n isDisabled: {\n default: 'disabled',\n forcedColors: 'GrayText'\n }\n },\n fontWeight: 'bold',\n fontSize: {\n size: {\n S: 'title-sm',\n M: 'title',\n L: 'title-lg',\n XL: 'title-xl'\n }\n },\n lineHeight: 'ui',\n display: 'flex',\n flexGrow: 1,\n alignItems: 'baseline',\n paddingX: 'calc(self(minHeight) * 3/8 - 1px)',\n paddingY: centerPadding(),\n gap: 'calc(self(minHeight) * 3/8 - 1px)',\n minHeight: {\n // compact is equivalent to 'control', but other densities have more padding.\n size: {\n S: {\n density: {\n compact: 18,\n regular: 24,\n spacious: 32\n }\n },\n M: {\n density: {\n compact: 24,\n regular: 32,\n spacious: 40\n }\n },\n L: {\n density: {\n compact: 32,\n regular: 40,\n spacious: 48\n }\n },\n XL: {\n density: {\n compact: 40,\n regular: 48,\n spacious: 56\n }\n }\n }\n },\n width: 'full',\n backgroundColor: {\n default: 'transparent',\n isFocusVisible: lightDark('transparent-black-100', 'transparent-white-100'),\n isHovered: lightDark('transparent-black-100', 'transparent-white-100'),\n isPressed: lightDark('transparent-black-300', 'transparent-white-300')\n },\n transition: 'default',\n borderWidth: 0,\n borderRadius: {\n // Only rounded for keyboard focus and quiet.\n default: 'none',\n isFocusVisible: 'default',\n isQuiet: 'default'\n },\n textAlign: 'start',\n disableTapHighlight: true\n },\n getAllowedOverrides({font: true})\n);\n\nconst chevronStyles = style({\n rotate: {\n isRTL: 180,\n isExpanded: 90\n },\n transition: 'default',\n '--iconPrimary': {\n type: 'fill',\n value: 'currentColor'\n },\n flexShrink: 0\n});\n\nconst InternalDisclosureHeader = createContext<{} | null>(null);\n\nfunction DisclosureHeaderWithForwardRef(props: DisclosureHeaderProps, ref: DOMRef<HTMLDivElement>) {\n let {UNSAFE_className, UNSAFE_style, children} = props;\n let domRef = useDOMRef(ref);\n let {size, isQuiet, density} = useSlottedContext(DisclosureContext)!;\n\n // Shift button size down by 2 for compact density, 1 for regular/spacious to ensure there is space between the top and bottom of the action button and container\n let newSize: 'XS' | 'S' | 'M' | 'L' | 'XL' | undefined = size;\n const sizes = ['XS', 'S', 'M', 'L', 'XL'];\n const currentIndex = sizes.indexOf(size ?? 'M');\n const shift = density === 'compact' ? 2 : 1;\n newSize = sizes[Math.max(0, currentIndex - shift)] as 'XS' | 'S' | 'M' | 'L' | 'XL';\n\n return (\n <Provider\n values={[\n [ActionButtonContext, {size: newSize, isQuiet}],\n [InternalDisclosureHeader, {}]\n ]}>\n <div\n style={UNSAFE_style}\n className={\n (UNSAFE_className ?? '') + style({display: 'flex', alignItems: 'center', gap: 4})\n }\n ref={domRef}>\n {children}\n </div>\n </Provider>\n );\n}\n\n/**\n * A wrapper element for the disclosure title that can contain other elements not part of the\n * trigger.\n */\nexport const DisclosureHeader = /*#__PURE__*/ (forwardRef as forwardRefType)(\n DisclosureHeaderWithForwardRef\n);\n\n/**\n * A disclosure title consisting of a heading and a trigger button to expand/collapse the panel.\n */\nexport const DisclosureTitle = forwardRef(function DisclosureTitle(\n props: DisclosureTitleProps,\n ref: DOMRef<HTMLDivElement>\n) {\n let {level = 3, UNSAFE_style, UNSAFE_className = '', styles, ...otherProps} = props;\n let domRef = useDOMRef(ref);\n const domProps = filterDOMProps(otherProps);\n let {direction} = useLocale();\n let {isExpanded} = useContext(DisclosureStateContext)!;\n let {size, density, isQuiet} = useSlottedContext(DisclosureContext)!;\n let isRTL = direction === 'rtl';\n\n let buttonTrigger = (\n <Heading\n {...domProps}\n level={level}\n ref={domRef}\n style={UNSAFE_style}\n className={(UNSAFE_className ?? '') + headingStyle}>\n <Button\n className={renderProps => buttonStyles({...renderProps, size, density, isQuiet}, styles)}\n slot=\"trigger\">\n <CenterBaseline>\n <Chevron size={size} className={chevronStyles({isExpanded, isRTL})} aria-hidden=\"true\" />\n </CenterBaseline>\n {props.children}\n </Button>\n </Heading>\n );\n let ctx = useContext(InternalDisclosureHeader);\n if (ctx) {\n return buttonTrigger;\n }\n\n return <DisclosureHeader>{buttonTrigger}</DisclosureHeader>;\n});\n\nexport interface DisclosurePanelProps\n extends\n Omit<RACDisclosurePanelProps, 'className' | 'style' | 'render' | 'children'>,\n UnsafeStyles,\n DOMProps,\n AriaLabelingProps {\n children: React.ReactNode;\n}\n\nconst panelStyles = style({\n font: 'body',\n height: '--disclosure-panel-height',\n overflow: 'clip',\n transition: {\n default: '[height]',\n '@media (prefers-reduced-motion: reduce)': 'none'\n }\n});\n\nconst panelInner = style({\n paddingTop: 8,\n paddingBottom: 16,\n paddingX: {\n size: {\n S: 8,\n M: space(9),\n L: 12,\n XL: space(15)\n }\n }\n});\n\n/**\n * A disclosure panel is a collapsible section of content that is hidden until the disclosure is\n * expanded.\n */\nexport const DisclosurePanel = forwardRef(function DisclosurePanel(\n props: DisclosurePanelProps,\n ref: DOMRef<HTMLDivElement>\n) {\n let {UNSAFE_style, UNSAFE_className = '', ...otherProps} = props;\n const domProps = filterDOMProps(otherProps);\n let {size} = useSlottedContext(DisclosureContext)!;\n let panelRef = useDOMRef(ref);\n return (\n <RACDisclosurePanel\n {...domProps}\n ref={panelRef}\n style={UNSAFE_style}\n className={(UNSAFE_className ?? '') + panelStyles}>\n <div className={panelInner({size})}>{props.children}</div>\n </RACDisclosurePanel>\n );\n});\n"],"names":[],"version":3,"file":"Disclosure.cjs.map"}
|