@algolia/satellite 1.0.0-beta.133 → 1.0.0-beta.134
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/README.md +33 -28
- package/cjs/AnnouncementBadge/AnnouncementBadge.d.ts +6 -2
- package/cjs/AnnouncementBadge/AnnouncementBadge.js +14 -2
- package/cjs/AutoComplete/AutoComplete.d.ts +5 -10
- package/cjs/AutoComplete/AutoComplete.js +21 -45
- package/cjs/AutoComplete/AutoComplete.tailwind.d.ts +4 -4
- package/cjs/AutoComplete/AutoComplete.tailwind.js +10 -13
- package/cjs/AutoComplete/utils.d.ts +2 -1
- package/cjs/AutoComplete/utils.js +22 -2
- package/cjs/Avatars/ApplicationAvatar.js +1 -1
- package/cjs/Banner/Banner.d.ts +1 -0
- package/cjs/Banner/Banner.js +1 -1
- package/cjs/Banners/Alert/Alert.d.ts +1 -0
- package/cjs/Banners/Alert/Alert.js +1 -1
- package/cjs/Banners/BigBertha/BigBertha.d.ts +2 -1
- package/cjs/Banners/Promote/Promote.d.ts +1 -0
- package/cjs/Button/Button.js +2 -2
- package/cjs/Button/Button.tailwind.d.ts +4 -4
- package/cjs/Button/Button.tailwind.js +11 -14
- package/cjs/Button/ButtonGroup.d.ts +2 -1
- package/cjs/Card/Card.tailwind.d.ts +4 -4
- package/cjs/Card/Card.tailwind.js +5 -8
- package/cjs/Card/components/CardTitle.d.ts +4 -2
- package/cjs/Checkbox/Checkbox.d.ts +1 -1
- package/cjs/Checkbox/Checkbox.tailwind.d.ts +5 -5
- package/cjs/Checkbox/Checkbox.tailwind.js +11 -14
- package/cjs/ClickAwayContainer/ClickAwayContainer.d.ts +2 -1
- package/cjs/DatePicker/DatePicker/DatePicker.js +13 -7
- package/cjs/DatePicker/DatePicker.tailwind.d.ts +4 -4
- package/cjs/DatePicker/DatePicker.tailwind.js +19 -14
- package/cjs/DatePicker/DateRangePicker/DateRangePicker.js +14 -3
- package/cjs/DatePicker/DateRangePicker/DateRangePickerDisplay.d.ts +2 -1
- package/cjs/DatePicker/DateRangePicker/DateRangePickerDisplay.js +1 -1
- package/cjs/DatePicker/components/Calendar.d.ts +2 -1
- package/cjs/DatePicker/components/FooterActions.d.ts +2 -1
- package/cjs/DatePicker/components/FooterActions.js +2 -2
- package/cjs/DatePicker/components/NavBar.d.ts +2 -1
- package/cjs/DatePicker/components/NavBar.js +2 -2
- package/cjs/DatePicker/utils.d.ts +2 -0
- package/cjs/DatePicker/utils.js +10 -2
- package/cjs/Dropdown/Dropdown.d.ts +1 -1
- package/cjs/Dropdown/DropdownButton.d.ts +1 -0
- package/cjs/Dropdown/components/DropdownLinkItem.js +1 -1
- package/cjs/Dropdown/components/DropdownTitle.d.ts +4 -2
- package/cjs/Dropdown/components/DropdownToggleItem.js +2 -2
- package/cjs/Dropzone/Dropzone.d.ts +5 -1
- package/cjs/Dropzone/Dropzone.js +14 -5
- package/cjs/EmptyState/EmptyState.tailwind.d.ts +4 -4
- package/cjs/EmptyState/EmptyState.tailwind.js +5 -8
- package/cjs/Field/Field.d.ts +1 -0
- package/cjs/Flag/Flag.d.ts +1 -0
- package/cjs/Flag/Flag.js +17 -2
- package/cjs/Flag/Flag.tailwind.d.ts +4 -4
- package/cjs/Flag/Flag.tailwind.js +8 -15
- package/cjs/Flag/types.d.ts +4 -0
- package/cjs/FlexGrid/FlexGrid.d.ts +2 -1
- package/cjs/FlexGrid/FlexGrid.tailwind.d.ts +6 -3
- package/cjs/FlexGrid/FlexGrid.tailwind.js +8 -11
- package/cjs/HelpUnderline/HelpUnderline.tailwind.d.ts +4 -4
- package/cjs/HelpUnderline/HelpUnderline.tailwind.js +3 -6
- package/cjs/Input/Input.d.ts +6 -0
- package/cjs/Input/Input.js +15 -4
- package/cjs/Input/Input.tailwind.d.ts +4 -4
- package/cjs/Input/Input.tailwind.js +12 -15
- package/cjs/Insert/Insert.d.ts +1 -0
- package/cjs/InstantSearch/InstantSearch.tailwind.d.ts +4 -5
- package/cjs/InstantSearch/InstantSearch.tailwind.js +34 -32
- package/cjs/KeyboardKey/KeyboardKey.js +3 -2
- package/cjs/KeyboardKey/KeyboardKey.tailwind.d.ts +4 -4
- package/cjs/KeyboardKey/KeyboardKey.tailwind.js +5 -8
- package/cjs/Medallion/Medallion.tailwind.d.ts +4 -4
- package/cjs/Medallion/Medallion.tailwind.js +8 -11
- package/cjs/Modal/Modal.d.ts +5 -4
- package/cjs/Modal/Modal.js +13 -4
- package/cjs/Modal/Modal.tailwind.d.ts +4 -4
- package/cjs/Modal/Modal.tailwind.js +9 -18
- package/cjs/Modal/components/ModalFooter.d.ts +4 -2
- package/cjs/Pagination/CompactPagination/CompactPagination.d.ts +3 -7
- package/cjs/Pagination/CompactPagination/CompactPagination.js +30 -6
- package/cjs/Pagination/DotPagination/DotPagination.d.ts +5 -4
- package/cjs/Pagination/DotPagination/DotPagination.js +20 -4
- package/cjs/Pagination/Pagination/Pagination.d.ts +1 -1
- package/cjs/Pagination/Pagination/Pagination.js +27 -10
- package/cjs/ProgressBar/ProgressBar.tailwind.d.ts +5 -5
- package/cjs/ProgressBar/ProgressBar.tailwind.js +7 -10
- package/cjs/ProgressSpinner/ProgressSpinner.tailwind.d.ts +5 -5
- package/cjs/ProgressSpinner/ProgressSpinner.tailwind.js +4 -7
- package/cjs/RadioGroup/RadioButton.d.ts +1 -1
- package/cjs/RadioGroup/RadioButton.tailwind.d.ts +4 -4
- package/cjs/RadioGroup/RadioButton.tailwind.js +11 -14
- package/cjs/RadioGroup/RadioGroup.d.ts +1 -0
- package/cjs/RadioGroup/RadioGroup.js +1 -1
- package/cjs/RangeSlider/RangeSlider.d.ts +1 -1
- package/cjs/RangeSlider/RangeSlider.tailwind.d.ts +4 -4
- package/cjs/RangeSlider/RangeSlider.tailwind.js +21 -24
- package/cjs/Satellite/Satellite.d.ts +4 -1
- package/cjs/Satellite/Satellite.js +7 -2
- package/cjs/Satellite/SatelliteContext.d.ts +3 -1
- package/cjs/Satellite/SatelliteContext.js +2 -1
- package/cjs/Satellite/index.d.ts +1 -0
- package/cjs/Satellite/index.js +14 -0
- package/cjs/Satellite/locale.d.ts +27 -0
- package/cjs/Satellite/locale.js +21 -0
- package/cjs/ScrollIndicator/ScrollIndicator.d.ts +2 -1
- package/cjs/ScrollIndicator/ScrollIndicator.tailwind.d.ts +4 -4
- package/cjs/ScrollIndicator/ScrollIndicator.tailwind.js +8 -11
- package/cjs/Select/Select.tailwind.d.ts +5 -5
- package/cjs/Select/Select.tailwind.js +5 -8
- package/cjs/Sidebar/Sidebar.tailwind.d.ts +4 -4
- package/cjs/Sidebar/Sidebar.tailwind.js +5 -8
- package/cjs/Sidebar/components/SidebarLink.d.ts +2 -1
- package/cjs/Sidebar/components/SidebarLink.js +1 -1
- package/cjs/Switch/Switch.tailwind.d.ts +5 -5
- package/cjs/Switch/Switch.tailwind.js +7 -8
- package/cjs/Switch/SwitchOption.d.ts +2 -1
- package/cjs/Switch/SwitchOption.js +1 -1
- package/cjs/Tables/DataTable/DataTable.d.ts +1 -1
- package/cjs/Tables/DataTable/DataTable.js +24 -7
- package/cjs/Tables/DataTable/DataTable.tailwind.d.ts +4 -4
- package/cjs/Tables/DataTable/DataTable.tailwind.js +3 -6
- package/cjs/Tables/DataTable/components/Body.d.ts +3 -2
- package/cjs/Tables/DataTable/components/Body.js +4 -4
- package/cjs/Tables/DataTable/components/Loader.d.ts +1 -1
- package/cjs/Tables/DataTable/components/Loader.js +2 -2
- package/cjs/Tables/Table/Table.tailwind.d.ts +4 -4
- package/cjs/Tables/Table/Table.tailwind.js +3 -6
- package/cjs/Tabs/Tabs.tailwind.d.ts +4 -4
- package/cjs/Tabs/Tabs.tailwind.js +5 -8
- package/cjs/Tag/Tag.d.ts +5 -4
- package/cjs/Tag/Tag.js +14 -6
- package/cjs/Tag/Tag.tailwind.d.ts +4 -4
- package/cjs/Tag/Tag.tailwind.js +6 -9
- package/cjs/TextArea/TextArea.tailwind.d.ts +4 -4
- package/cjs/TextArea/TextArea.tailwind.js +4 -7
- package/cjs/Toggle/Toggle.d.ts +1 -1
- package/cjs/Toggle/Toggle.tailwind.d.ts +5 -5
- package/cjs/Toggle/Toggle.tailwind.js +19 -22
- package/cjs/Tooltip/Tooltip.d.ts +1 -1
- package/cjs/Tooltip/Tooltip.tailwind.d.ts +4 -4
- package/cjs/Tooltip/Tooltip.tailwind.js +19 -18
- package/cjs/Tooltip/TooltipWrapper.d.ts +1 -0
- package/cjs/Tooltip/types.d.ts +2 -0
- package/cjs/Typography/Typography.tailwind.d.ts +5 -17
- package/cjs/Typography/Typography.tailwind.js +123 -133
- package/cjs/UserContent/UserContent.tailwind.d.ts +4 -1
- package/cjs/UserContent/UserContent.tailwind.js +11 -9
- package/cjs/styles/base.tailwind.d.ts +4 -4
- package/cjs/styles/base.tailwind.js +3 -6
- package/cjs/styles/tailwind.config.d.ts +2 -198
- package/cjs/styles/tailwind.config.js +25 -29
- package/cjs/types.d.ts +7 -0
- package/cjs/utilities/utilities.tailwind.d.ts +4 -1
- package/cjs/utilities/utilities.tailwind.js +4 -6
- package/cjs/utils/isCssPropertySupported.d.ts +1 -1
- package/esm/AnnouncementBadge/AnnouncementBadge.d.ts +6 -2
- package/esm/AnnouncementBadge/AnnouncementBadge.js +13 -2
- package/esm/AutoComplete/AutoComplete.d.ts +5 -10
- package/esm/AutoComplete/AutoComplete.js +22 -45
- package/esm/AutoComplete/AutoComplete.tailwind.d.ts +4 -4
- package/esm/AutoComplete/AutoComplete.tailwind.js +10 -13
- package/esm/AutoComplete/utils.d.ts +2 -1
- package/esm/AutoComplete/utils.js +16 -0
- package/esm/Avatars/ApplicationAvatar.js +1 -1
- package/esm/Banner/Banner.d.ts +1 -0
- package/esm/Banner/Banner.js +1 -1
- package/esm/Banners/Alert/Alert.d.ts +1 -0
- package/esm/Banners/Alert/Alert.js +1 -1
- package/esm/Banners/BigBertha/BigBertha.d.ts +2 -1
- package/esm/Banners/Promote/Promote.d.ts +1 -0
- package/esm/Button/Button.js +2 -2
- package/esm/Button/Button.tailwind.d.ts +4 -4
- package/esm/Button/Button.tailwind.js +13 -16
- package/esm/Button/ButtonGroup.d.ts +2 -1
- package/esm/Card/Card.tailwind.d.ts +4 -4
- package/esm/Card/Card.tailwind.js +6 -9
- package/esm/Card/components/CardTitle.d.ts +4 -2
- package/esm/Checkbox/Checkbox.d.ts +1 -1
- package/esm/Checkbox/Checkbox.tailwind.d.ts +5 -5
- package/esm/Checkbox/Checkbox.tailwind.js +11 -14
- package/esm/ClickAwayContainer/ClickAwayContainer.d.ts +2 -1
- package/esm/DatePicker/DatePicker/DatePicker.js +12 -7
- package/esm/DatePicker/DatePicker.tailwind.d.ts +4 -4
- package/esm/DatePicker/DatePicker.tailwind.js +19 -15
- package/esm/DatePicker/DateRangePicker/DateRangePicker.js +12 -2
- package/esm/DatePicker/DateRangePicker/DateRangePickerDisplay.d.ts +2 -1
- package/esm/DatePicker/DateRangePicker/DateRangePickerDisplay.js +1 -1
- package/esm/DatePicker/components/Calendar.d.ts +2 -1
- package/esm/DatePicker/components/FooterActions.d.ts +2 -1
- package/esm/DatePicker/components/FooterActions.js +2 -2
- package/esm/DatePicker/components/NavBar.d.ts +2 -1
- package/esm/DatePicker/components/NavBar.js +2 -2
- package/esm/DatePicker/utils.d.ts +2 -0
- package/esm/DatePicker/utils.js +7 -0
- package/esm/Dropdown/Dropdown.d.ts +1 -1
- package/esm/Dropdown/DropdownButton.d.ts +1 -0
- package/esm/Dropdown/components/DropdownLinkItem.js +1 -1
- package/esm/Dropdown/components/DropdownTitle.d.ts +4 -2
- package/esm/Dropdown/components/DropdownToggleItem.js +2 -2
- package/esm/Dropzone/Dropzone.d.ts +5 -1
- package/esm/Dropzone/Dropzone.js +13 -4
- package/esm/EmptyState/EmptyState.tailwind.d.ts +4 -4
- package/esm/EmptyState/EmptyState.tailwind.js +6 -9
- package/esm/Field/Field.d.ts +1 -0
- package/esm/Flag/Flag.d.ts +1 -0
- package/esm/Flag/Flag.js +15 -2
- package/esm/Flag/Flag.tailwind.d.ts +4 -4
- package/esm/Flag/Flag.tailwind.js +9 -16
- package/esm/Flag/types.d.ts +4 -0
- package/esm/FlexGrid/FlexGrid.d.ts +2 -1
- package/esm/FlexGrid/FlexGrid.tailwind.d.ts +6 -3
- package/esm/FlexGrid/FlexGrid.tailwind.js +8 -11
- package/esm/HelpUnderline/HelpUnderline.tailwind.d.ts +4 -4
- package/esm/HelpUnderline/HelpUnderline.tailwind.js +4 -7
- package/esm/Input/Input.d.ts +6 -0
- package/esm/Input/Input.js +15 -4
- package/esm/Input/Input.tailwind.d.ts +4 -4
- package/esm/Input/Input.tailwind.js +14 -17
- package/esm/Insert/Insert.d.ts +1 -0
- package/esm/InstantSearch/InstantSearch.tailwind.d.ts +4 -5
- package/esm/InstantSearch/InstantSearch.tailwind.js +35 -33
- package/esm/KeyboardKey/KeyboardKey.js +3 -2
- package/esm/KeyboardKey/KeyboardKey.tailwind.d.ts +4 -4
- package/esm/KeyboardKey/KeyboardKey.tailwind.js +6 -9
- package/esm/Medallion/Medallion.tailwind.d.ts +4 -4
- package/esm/Medallion/Medallion.tailwind.js +8 -11
- package/esm/Modal/Modal.d.ts +5 -4
- package/esm/Modal/Modal.js +11 -4
- package/esm/Modal/Modal.tailwind.d.ts +4 -4
- package/esm/Modal/Modal.tailwind.js +10 -19
- package/esm/Modal/components/ModalFooter.d.ts +4 -2
- package/esm/Pagination/CompactPagination/CompactPagination.d.ts +3 -7
- package/esm/Pagination/CompactPagination/CompactPagination.js +27 -6
- package/esm/Pagination/DotPagination/DotPagination.d.ts +5 -4
- package/esm/Pagination/DotPagination/DotPagination.js +17 -4
- package/esm/Pagination/Pagination/Pagination.d.ts +1 -1
- package/esm/Pagination/Pagination/Pagination.js +25 -10
- package/esm/ProgressBar/ProgressBar.tailwind.d.ts +5 -5
- package/esm/ProgressBar/ProgressBar.tailwind.js +7 -10
- package/esm/ProgressSpinner/ProgressSpinner.tailwind.d.ts +5 -5
- package/esm/ProgressSpinner/ProgressSpinner.tailwind.js +5 -8
- package/esm/RadioGroup/RadioButton.d.ts +1 -1
- package/esm/RadioGroup/RadioButton.tailwind.d.ts +4 -4
- package/esm/RadioGroup/RadioButton.tailwind.js +13 -16
- package/esm/RadioGroup/RadioGroup.d.ts +1 -0
- package/esm/RadioGroup/RadioGroup.js +1 -1
- package/esm/RangeSlider/RangeSlider.d.ts +1 -1
- package/esm/RangeSlider/RangeSlider.tailwind.d.ts +4 -4
- package/esm/RangeSlider/RangeSlider.tailwind.js +21 -24
- package/esm/Satellite/Satellite.d.ts +4 -1
- package/esm/Satellite/Satellite.js +6 -2
- package/esm/Satellite/SatelliteContext.d.ts +3 -1
- package/esm/Satellite/SatelliteContext.js +2 -1
- package/esm/Satellite/index.d.ts +1 -0
- package/esm/Satellite/index.js +1 -0
- package/esm/Satellite/locale.d.ts +27 -0
- package/esm/Satellite/locale.js +8 -0
- package/esm/ScrollIndicator/ScrollIndicator.d.ts +2 -1
- package/esm/ScrollIndicator/ScrollIndicator.tailwind.d.ts +4 -4
- package/esm/ScrollIndicator/ScrollIndicator.tailwind.js +8 -11
- package/esm/Select/Select.tailwind.d.ts +5 -5
- package/esm/Select/Select.tailwind.js +5 -8
- package/esm/Sidebar/Sidebar.tailwind.d.ts +4 -4
- package/esm/Sidebar/Sidebar.tailwind.js +6 -9
- package/esm/Sidebar/components/SidebarLink.d.ts +2 -1
- package/esm/Sidebar/components/SidebarLink.js +1 -1
- package/esm/Switch/Switch.tailwind.d.ts +5 -5
- package/esm/Switch/Switch.tailwind.js +7 -8
- package/esm/Switch/SwitchOption.d.ts +2 -1
- package/esm/Switch/SwitchOption.js +1 -1
- package/esm/Tables/DataTable/DataTable.d.ts +1 -1
- package/esm/Tables/DataTable/DataTable.js +21 -6
- package/esm/Tables/DataTable/DataTable.tailwind.d.ts +4 -4
- package/esm/Tables/DataTable/DataTable.tailwind.js +4 -7
- package/esm/Tables/DataTable/components/Body.d.ts +3 -2
- package/esm/Tables/DataTable/components/Body.js +4 -4
- package/esm/Tables/DataTable/components/Loader.d.ts +1 -1
- package/esm/Tables/DataTable/components/Loader.js +2 -2
- package/esm/Tables/Table/Table.tailwind.d.ts +4 -4
- package/esm/Tables/Table/Table.tailwind.js +4 -7
- package/esm/Tabs/Tabs.tailwind.d.ts +4 -4
- package/esm/Tabs/Tabs.tailwind.js +6 -9
- package/esm/Tag/Tag.d.ts +5 -4
- package/esm/Tag/Tag.js +13 -6
- package/esm/Tag/Tag.tailwind.d.ts +4 -4
- package/esm/Tag/Tag.tailwind.js +7 -10
- package/esm/TextArea/TextArea.tailwind.d.ts +4 -4
- package/esm/TextArea/TextArea.tailwind.js +6 -9
- package/esm/Toggle/Toggle.d.ts +1 -1
- package/esm/Toggle/Toggle.tailwind.d.ts +5 -5
- package/esm/Toggle/Toggle.tailwind.js +19 -22
- package/esm/Tooltip/Tooltip.d.ts +1 -1
- package/esm/Tooltip/Tooltip.tailwind.d.ts +4 -4
- package/esm/Tooltip/Tooltip.tailwind.js +20 -19
- package/esm/Tooltip/TooltipWrapper.d.ts +1 -0
- package/esm/Tooltip/types.d.ts +2 -0
- package/esm/Typography/Typography.tailwind.d.ts +5 -17
- package/esm/Typography/Typography.tailwind.js +124 -134
- package/esm/UserContent/UserContent.tailwind.d.ts +4 -1
- package/esm/UserContent/UserContent.tailwind.js +12 -10
- package/esm/styles/base.tailwind.d.ts +4 -4
- package/esm/styles/base.tailwind.js +4 -7
- package/esm/styles/tailwind.config.d.ts +2 -198
- package/esm/styles/tailwind.config.js +27 -30
- package/esm/types.d.ts +7 -0
- package/esm/utilities/utilities.tailwind.d.ts +4 -1
- package/esm/utilities/utilities.tailwind.js +4 -6
- package/esm/utils/isCssPropertySupported.d.ts +1 -1
- package/package.json +8 -11
- package/satellite.min.css +2 -4
- package/scss/colors.scss +1 -0
- package/cjs/tailwind-types.d.ts +0 -52
- package/cjs/tailwind-types.js +0 -5
- package/esm/tailwind-types.d.ts +0 -52
- package/esm/tailwind-types.js +0 -1
- package/satellite.css +0 -196852
@@ -4,135 +4,19 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
4
4
|
|
5
5
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
6
6
|
|
7
|
+
import _plugin from "tailwindcss/plugin";
|
7
8
|
import _require2 from "lodash";
|
8
9
|
// @ts-check
|
9
|
-
// @ts-ignore
|
10
10
|
var _require = _require2,
|
11
11
|
mapKeys = _require.mapKeys;
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
var desktop = function desktop(theme) {
|
17
|
-
return {
|
18
|
-
"display-xlarge": {
|
19
|
-
fontSize: theme("fontSize.3xl"),
|
20
|
-
lineHeight: theme("lineHeight.3xl"),
|
21
|
-
fontWeight: theme("fontWeight.semibold")
|
22
|
-
},
|
23
|
-
"display-large": {
|
24
|
-
fontSize: theme("fontSize.2xl"),
|
25
|
-
lineHeight: theme("lineHeight.2xl"),
|
26
|
-
fontWeight: theme("fontWeight.semibold")
|
27
|
-
},
|
28
|
-
"display-medium": {
|
29
|
-
fontSize: theme("fontSize.xl"),
|
30
|
-
lineHeight: theme("lineHeight.xl"),
|
31
|
-
fontWeight: theme("fontWeight.semibold")
|
32
|
-
},
|
33
|
-
"display-small": {
|
34
|
-
fontSize: theme("fontSize.lg"),
|
35
|
-
lineHeight: theme("lineHeight.lg"),
|
36
|
-
fontWeight: theme("fontWeight.normal")
|
37
|
-
},
|
38
|
-
"display-heading": {
|
39
|
-
fontSize: theme("fontSize.md"),
|
40
|
-
lineHeight: theme("lineHeight.md"),
|
41
|
-
fontWeight: theme("fontWeight.semibold")
|
42
|
-
},
|
43
|
-
"display-subheading": {
|
44
|
-
fontSize: theme("fontSize.sm"),
|
45
|
-
lineHeight: theme("lineHeight.sm"),
|
46
|
-
fontWeight: theme("fontWeight.semibold"),
|
47
|
-
textTransform: "uppercase"
|
48
|
-
},
|
49
|
-
"display-body": {
|
50
|
-
fontSize: theme("fontSize.base"),
|
51
|
-
lineHeight: theme("lineHeight.base"),
|
52
|
-
fontWeight: theme("fontWeight.normal")
|
53
|
-
},
|
54
|
-
"display-caption": {
|
55
|
-
fontSize: theme("fontSize.sm"),
|
56
|
-
lineHeight: theme("lineHeight.sm"),
|
57
|
-
fontWeight: theme("fontWeight.normal")
|
58
|
-
},
|
59
|
-
"display-code": {
|
60
|
-
fontFamily: theme("fontFamily.mono"),
|
61
|
-
fontSize: theme("fontSize.base"),
|
62
|
-
lineHeight: theme("lineHeight.base"),
|
63
|
-
fontWeight: theme("fontWeight.normal")
|
64
|
-
}
|
65
|
-
};
|
66
|
-
};
|
67
|
-
/**
|
68
|
-
* @type {import('../tailwind-types').TailwindFunction}
|
69
|
-
*/
|
70
|
-
|
71
|
-
|
72
|
-
var mobile = function mobile(theme) {
|
73
|
-
return {
|
74
|
-
"display-xlarge": {
|
75
|
-
lineHeight: theme("lineHeight.xl"),
|
76
|
-
fontSize: theme("fontSize.2xl"),
|
77
|
-
fontWeight: theme("fontWeight.semibold")
|
78
|
-
},
|
79
|
-
"display-large": {
|
80
|
-
lineHeight: theme("lineHeight.xl"),
|
81
|
-
fontSize: theme("fontSize.xl"),
|
82
|
-
fontWeight: theme("fontWeight.semibold")
|
83
|
-
},
|
84
|
-
"display-medium": {
|
85
|
-
lineHeight: theme("lineHeight.xl"),
|
86
|
-
fontSize: theme("fontSize.lg"),
|
87
|
-
fontWeight: theme("fontWeight.normal")
|
88
|
-
},
|
89
|
-
"display-small": {
|
90
|
-
lineHeight: theme("lineHeight.md"),
|
91
|
-
fontSize: theme("fontSize.md"),
|
92
|
-
fontWeight: theme("fontWeight.normal")
|
93
|
-
},
|
94
|
-
"display-heading": {
|
95
|
-
lineHeight: theme("lineHeight.md"),
|
96
|
-
fontSize: theme("fontSize.md"),
|
97
|
-
fontWeight: theme("fontWeight.semibold")
|
98
|
-
},
|
99
|
-
"display-subheading": {
|
100
|
-
lineHeight: theme("lineHeight.sm"),
|
101
|
-
fontSize: theme("fontSize.mobile"),
|
102
|
-
fontWeight: theme("fontWeight.semibold"),
|
103
|
-
textTransform: "uppercase"
|
104
|
-
},
|
105
|
-
"display-body": {
|
106
|
-
lineHeight: theme("lineHeight.md"),
|
107
|
-
fontSize: theme("fontSize.md"),
|
108
|
-
fontWeight: theme("fontWeight.normal")
|
109
|
-
},
|
110
|
-
"display-caption": {
|
111
|
-
lineHeight: theme("lineHeight.base"),
|
112
|
-
fontSize: theme("fontSize.mobile"),
|
113
|
-
fontWeight: theme("fontWeight.normal")
|
114
|
-
},
|
115
|
-
"display-code": {
|
116
|
-
fontFamily: theme("fontFamily.mono"),
|
117
|
-
lineHeight: theme("lineHeight.md"),
|
118
|
-
fontSize: theme("fontSize.md"),
|
119
|
-
fontWeight: theme("fontWeight.normal")
|
120
|
-
}
|
121
|
-
};
|
122
|
-
};
|
123
|
-
/**
|
124
|
-
* @type {import("../tailwind-types").TailwindPlugin}
|
125
|
-
*/
|
126
|
-
|
127
|
-
|
128
|
-
var typographyPlugin = function typographyPlugin(_ref) {
|
129
|
-
var addComponents = _ref.addComponents,
|
12
|
+
var plugin = _plugin;
|
13
|
+
var typographyPlugin = plugin(function (_ref) {
|
14
|
+
var theme = _ref.theme,
|
130
15
|
addUtilities = _ref.addUtilities,
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
var
|
135
|
-
var mobile = theme("typography.mobile", {})(theme);
|
16
|
+
addComponents = _ref.addComponents,
|
17
|
+
e = _ref.e;
|
18
|
+
var desktop = theme("typography.desktop", {});
|
19
|
+
var mobile = theme("typography.mobile", {});
|
136
20
|
var common = {
|
137
21
|
reversed: {
|
138
22
|
color: theme("colors.white")
|
@@ -152,6 +36,8 @@ var typographyPlugin = function typographyPlugin(_ref) {
|
|
152
36
|
}; // add utilities for manual typography declaration
|
153
37
|
// Example: `className="typo-m-display-small lg:typo-display-small"`
|
154
38
|
|
39
|
+
/** @type {any} */
|
40
|
+
|
155
41
|
var utilities = _objectSpread(_objectSpread(_objectSpread({}, mapKeys(common, function (_, key) {
|
156
42
|
return ".typo-".concat(e(key));
|
157
43
|
})), mapKeys(desktop, function (_, key) {
|
@@ -169,14 +55,118 @@ var typographyPlugin = function typographyPlugin(_ref) {
|
|
169
55
|
})))); // register add-ons
|
170
56
|
|
171
57
|
|
172
|
-
addUtilities(utilities
|
58
|
+
addUtilities(utilities);
|
173
59
|
addComponents(components);
|
174
|
-
}
|
175
|
-
|
176
|
-
|
177
|
-
|
178
|
-
|
179
|
-
|
180
|
-
|
181
|
-
|
182
|
-
|
60
|
+
}, {
|
61
|
+
content: [],
|
62
|
+
theme: {
|
63
|
+
// @ts-ignore
|
64
|
+
typography: function typography(_ref2) {
|
65
|
+
var theme = _ref2.theme;
|
66
|
+
// Need to transform it to a string because in this context, Tailwind doesn't automagically turn it into a string value
|
67
|
+
// Asked here https://github.com/tailwindlabs/tailwindcss/discussions/8755
|
68
|
+
var monoFontFamily = theme("fontFamily.mono").join(",");
|
69
|
+
return {
|
70
|
+
desktop: {
|
71
|
+
"display-xlarge": {
|
72
|
+
fontSize: theme("fontSize.3xl"),
|
73
|
+
lineHeight: theme("lineHeight.3xl"),
|
74
|
+
fontWeight: theme("fontWeight.semibold")
|
75
|
+
},
|
76
|
+
"display-large": {
|
77
|
+
fontSize: theme("fontSize.2xl"),
|
78
|
+
lineHeight: theme("lineHeight.2xl"),
|
79
|
+
fontWeight: theme("fontWeight.semibold")
|
80
|
+
},
|
81
|
+
"display-medium": {
|
82
|
+
fontSize: theme("fontSize.xl"),
|
83
|
+
lineHeight: theme("lineHeight.xl"),
|
84
|
+
fontWeight: theme("fontWeight.semibold")
|
85
|
+
},
|
86
|
+
"display-small": {
|
87
|
+
fontSize: theme("fontSize.lg"),
|
88
|
+
lineHeight: theme("lineHeight.lg"),
|
89
|
+
fontWeight: theme("fontWeight.normal")
|
90
|
+
},
|
91
|
+
"display-heading": {
|
92
|
+
fontSize: theme("fontSize.md"),
|
93
|
+
lineHeight: theme("lineHeight.md"),
|
94
|
+
fontWeight: theme("fontWeight.semibold")
|
95
|
+
},
|
96
|
+
"display-subheading": {
|
97
|
+
fontSize: theme("fontSize.sm"),
|
98
|
+
lineHeight: theme("lineHeight.sm"),
|
99
|
+
fontWeight: theme("fontWeight.semibold"),
|
100
|
+
textTransform: "uppercase"
|
101
|
+
},
|
102
|
+
"display-body": {
|
103
|
+
fontSize: theme("fontSize.base"),
|
104
|
+
lineHeight: theme("lineHeight.base"),
|
105
|
+
fontWeight: theme("fontWeight.normal")
|
106
|
+
},
|
107
|
+
"display-caption": {
|
108
|
+
fontSize: theme("fontSize.sm"),
|
109
|
+
lineHeight: theme("lineHeight.sm"),
|
110
|
+
fontWeight: theme("fontWeight.normal")
|
111
|
+
},
|
112
|
+
"display-code": {
|
113
|
+
fontFamily: monoFontFamily,
|
114
|
+
fontSize: theme("fontSize.base"),
|
115
|
+
lineHeight: theme("lineHeight.base"),
|
116
|
+
fontWeight: theme("fontWeight.normal")
|
117
|
+
}
|
118
|
+
},
|
119
|
+
mobile: {
|
120
|
+
"display-xlarge": {
|
121
|
+
lineHeight: theme("lineHeight.xl"),
|
122
|
+
fontSize: theme("fontSize.2xl"),
|
123
|
+
fontWeight: theme("fontWeight.semibold")
|
124
|
+
},
|
125
|
+
"display-large": {
|
126
|
+
lineHeight: theme("lineHeight.xl"),
|
127
|
+
fontSize: theme("fontSize.xl"),
|
128
|
+
fontWeight: theme("fontWeight.semibold")
|
129
|
+
},
|
130
|
+
"display-medium": {
|
131
|
+
lineHeight: theme("lineHeight.xl"),
|
132
|
+
fontSize: theme("fontSize.lg"),
|
133
|
+
fontWeight: theme("fontWeight.normal")
|
134
|
+
},
|
135
|
+
"display-small": {
|
136
|
+
lineHeight: theme("lineHeight.md"),
|
137
|
+
fontSize: theme("fontSize.md"),
|
138
|
+
fontWeight: theme("fontWeight.normal")
|
139
|
+
},
|
140
|
+
"display-heading": {
|
141
|
+
lineHeight: theme("lineHeight.md"),
|
142
|
+
fontSize: theme("fontSize.md"),
|
143
|
+
fontWeight: theme("fontWeight.semibold")
|
144
|
+
},
|
145
|
+
"display-subheading": {
|
146
|
+
lineHeight: theme("lineHeight.sm"),
|
147
|
+
fontSize: theme("fontSize.mobile"),
|
148
|
+
fontWeight: theme("fontWeight.semibold"),
|
149
|
+
textTransform: "uppercase"
|
150
|
+
},
|
151
|
+
"display-body": {
|
152
|
+
lineHeight: theme("lineHeight.md"),
|
153
|
+
fontSize: theme("fontSize.md"),
|
154
|
+
fontWeight: theme("fontWeight.normal")
|
155
|
+
},
|
156
|
+
"display-caption": {
|
157
|
+
lineHeight: theme("lineHeight.base"),
|
158
|
+
fontSize: theme("fontSize.mobile"),
|
159
|
+
fontWeight: theme("fontWeight.normal")
|
160
|
+
},
|
161
|
+
"display-code": {
|
162
|
+
fontFamily: monoFontFamily,
|
163
|
+
lineHeight: theme("lineHeight.md"),
|
164
|
+
fontSize: theme("fontSize.md"),
|
165
|
+
fontWeight: theme("fontWeight.normal")
|
166
|
+
}
|
167
|
+
}
|
168
|
+
};
|
169
|
+
}
|
170
|
+
}
|
171
|
+
});
|
172
|
+
export default typographyPlugin;
|
@@ -4,21 +4,23 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
4
4
|
|
5
5
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
6
6
|
|
7
|
-
import _require2 from "../styles/helpers/icons";
|
8
7
|
import _rgba from "../styles/rgba";
|
8
|
+
import _require2 from "../styles/helpers/icons";
|
9
|
+
import _plugin from "tailwindcss/plugin";
|
9
10
|
// @ts-check
|
10
|
-
var
|
11
|
+
var plugin = _plugin;
|
11
12
|
var _require = _require2,
|
12
13
|
toBG = _require.toBG;
|
13
|
-
|
14
|
-
|
15
|
-
*/
|
16
|
-
|
17
|
-
export default (function (_ref) {
|
14
|
+
var rgba = _rgba;
|
15
|
+
export default plugin(function (_ref) {
|
18
16
|
var addComponents = _ref.addComponents,
|
19
17
|
theme = _ref.theme;
|
20
|
-
|
21
|
-
|
18
|
+
|
19
|
+
/** @type {any} */
|
20
|
+
var desktop = theme("typography.desktop", {});
|
21
|
+
/** @type {any} */
|
22
|
+
|
23
|
+
var mobile = theme("typography.mobile", {});
|
22
24
|
addComponents({
|
23
25
|
".usercontent": _defineProperty({
|
24
26
|
"h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote, table": {
|
@@ -110,7 +112,7 @@ export default (function (_ref) {
|
|
110
112
|
borderColor: theme("colors.grey.200")
|
111
113
|
},
|
112
114
|
"b, strong, th": {
|
113
|
-
fontWeight: 600
|
115
|
+
fontWeight: "600"
|
114
116
|
},
|
115
117
|
table: {
|
116
118
|
width: "100%",
|
@@ -1,5 +1,5 @@
|
|
1
1
|
export = basePlugin;
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
2
|
+
declare const basePlugin: {
|
3
|
+
handler: import("tailwindcss/types/config").PluginCreator;
|
4
|
+
config?: import("tailwindcss").Config | undefined;
|
5
|
+
};
|
@@ -1,9 +1,7 @@
|
|
1
|
+
import _plugin from "tailwindcss/plugin";
|
1
2
|
// @ts-check
|
2
|
-
|
3
|
-
|
4
|
-
* @type {import('../tailwind-types').TailwindPlugin}
|
5
|
-
*/
|
6
|
-
var basePlugin = function basePlugin(_ref) {
|
3
|
+
var plugin = _plugin;
|
4
|
+
var basePlugin = plugin(function (_ref) {
|
7
5
|
var addBase = _ref.addBase,
|
8
6
|
theme = _ref.theme;
|
9
7
|
// https://polaris.shopify.com/design/typography#font-stack
|
@@ -37,6 +35,5 @@ var basePlugin = function basePlugin(_ref) {
|
|
37
35
|
}
|
38
36
|
}
|
39
37
|
});
|
40
|
-
};
|
41
|
-
|
38
|
+
});
|
42
39
|
export default basePlugin;
|
@@ -1,198 +1,2 @@
|
|
1
|
-
|
2
|
-
export
|
3
|
-
const mode: string;
|
4
|
-
const layers: string[];
|
5
|
-
const enabled: boolean;
|
6
|
-
const content: string[];
|
7
|
-
namespace options {
|
8
|
-
const defaultExtractor: (content: string) => string[];
|
9
|
-
}
|
10
|
-
}
|
11
|
-
import zIndexes = require("./zIndexes");
|
12
|
-
export declare namespace theme {
|
13
|
-
namespace fontFamily {
|
14
|
-
const sans: string[];
|
15
|
-
const mono: string[];
|
16
|
-
}
|
17
|
-
const fontSize: {
|
18
|
-
sm: string;
|
19
|
-
mobile: string;
|
20
|
-
base: string;
|
21
|
-
md: string;
|
22
|
-
lg: string;
|
23
|
-
xl: string;
|
24
|
-
"2xl": string;
|
25
|
-
"3xl": string;
|
26
|
-
};
|
27
|
-
const lineHeight: {
|
28
|
-
inherit: string;
|
29
|
-
sm: string;
|
30
|
-
base: string;
|
31
|
-
md: string;
|
32
|
-
lg: string;
|
33
|
-
xl: string;
|
34
|
-
"2xl": string;
|
35
|
-
"3xl": string;
|
36
|
-
none: string;
|
37
|
-
};
|
38
|
-
namespace borderRadius {
|
39
|
-
const none: string;
|
40
|
-
const DEFAULT: string;
|
41
|
-
const full: string;
|
42
|
-
}
|
43
|
-
const borderWidth: {
|
44
|
-
DEFAULT: string;
|
45
|
-
0: string;
|
46
|
-
2: string;
|
47
|
-
3: string;
|
48
|
-
};
|
49
|
-
function boxShadow(theme: any): {
|
50
|
-
none: string;
|
51
|
-
z100: string;
|
52
|
-
z200: string;
|
53
|
-
z300: string;
|
54
|
-
z400: string;
|
55
|
-
z500: string;
|
56
|
-
};
|
57
|
-
const opacity: {
|
58
|
-
0: string;
|
59
|
-
10: string;
|
60
|
-
20: string;
|
61
|
-
30: string;
|
62
|
-
40: string;
|
63
|
-
50: string;
|
64
|
-
60: string;
|
65
|
-
70: string;
|
66
|
-
80: string;
|
67
|
-
90: string;
|
68
|
-
100: string;
|
69
|
-
};
|
70
|
-
const colors: {
|
71
|
-
accent: {
|
72
|
-
900: string;
|
73
|
-
800: string;
|
74
|
-
700: string;
|
75
|
-
600: string;
|
76
|
-
500: string;
|
77
|
-
400: string;
|
78
|
-
300: string;
|
79
|
-
200: string;
|
80
|
-
100: string;
|
81
|
-
};
|
82
|
-
inherit: string;
|
83
|
-
transparent: string;
|
84
|
-
shadow: {
|
85
|
-
5: string;
|
86
|
-
10: string;
|
87
|
-
15: string;
|
88
|
-
25: string;
|
89
|
-
};
|
90
|
-
black: string;
|
91
|
-
white: string;
|
92
|
-
grey: {
|
93
|
-
950: string;
|
94
|
-
900: string;
|
95
|
-
800: string;
|
96
|
-
700: string;
|
97
|
-
600: string;
|
98
|
-
500: string;
|
99
|
-
400: string;
|
100
|
-
300: string;
|
101
|
-
200: string;
|
102
|
-
100: string;
|
103
|
-
50: string;
|
104
|
-
};
|
105
|
-
pink: {
|
106
|
-
900: string;
|
107
|
-
800: string;
|
108
|
-
700: string;
|
109
|
-
600: string;
|
110
|
-
500: string;
|
111
|
-
400: string;
|
112
|
-
300: string;
|
113
|
-
200: string;
|
114
|
-
100: string;
|
115
|
-
};
|
116
|
-
nebula: {
|
117
|
-
900: string;
|
118
|
-
800: string;
|
119
|
-
700: string;
|
120
|
-
600: string;
|
121
|
-
500: string;
|
122
|
-
400: string;
|
123
|
-
300: string;
|
124
|
-
200: string;
|
125
|
-
100: string;
|
126
|
-
};
|
127
|
-
blue: {
|
128
|
-
900: string;
|
129
|
-
800: string;
|
130
|
-
700: string;
|
131
|
-
600: string;
|
132
|
-
500: string;
|
133
|
-
400: string;
|
134
|
-
300: string;
|
135
|
-
200: string;
|
136
|
-
100: string;
|
137
|
-
};
|
138
|
-
green: {
|
139
|
-
900: string;
|
140
|
-
800: string;
|
141
|
-
700: string;
|
142
|
-
600: string;
|
143
|
-
500: string;
|
144
|
-
400: string;
|
145
|
-
300: string;
|
146
|
-
200: string;
|
147
|
-
100: string;
|
148
|
-
};
|
149
|
-
orange: {
|
150
|
-
900: string;
|
151
|
-
800: string;
|
152
|
-
700: string;
|
153
|
-
600: string;
|
154
|
-
500: string;
|
155
|
-
400: string;
|
156
|
-
300: string;
|
157
|
-
200: string;
|
158
|
-
100: string;
|
159
|
-
};
|
160
|
-
red: {
|
161
|
-
900: string;
|
162
|
-
800: string;
|
163
|
-
700: string;
|
164
|
-
600: string;
|
165
|
-
500: string;
|
166
|
-
400: string;
|
167
|
-
300: string;
|
168
|
-
200: string;
|
169
|
-
100: string;
|
170
|
-
};
|
171
|
-
};
|
172
|
-
namespace extend {
|
173
|
-
export const spacing: {
|
174
|
-
"2px": string;
|
175
|
-
128: string;
|
176
|
-
};
|
177
|
-
export function inset(theme: any): any;
|
178
|
-
export function maxWidth(theme: any): any;
|
179
|
-
export function minWidth(theme: any): any;
|
180
|
-
export function maxHeight(theme: any): any;
|
181
|
-
export function minHeight(theme: any): any;
|
182
|
-
export { zIndexes as zIndex };
|
183
|
-
export namespace cursor {
|
184
|
-
const grab: string;
|
185
|
-
const help: string;
|
186
|
-
}
|
187
|
-
}
|
188
|
-
const typography: {
|
189
|
-
desktop: import("../tailwind-types").TailwindFunction;
|
190
|
-
mobile: import("../tailwind-types").TailwindFunction;
|
191
|
-
};
|
192
|
-
}
|
193
|
-
export declare namespace variants {
|
194
|
-
const borderWidth_1: string[];
|
195
|
-
export { borderWidth_1 as borderWidth };
|
196
|
-
export const visibility: string[];
|
197
|
-
}
|
198
|
-
export declare const plugins: import("../tailwind-types").TailwindPlugin[];
|
1
|
+
declare const _exports: import('tailwindcss').Config;
|
2
|
+
export = _exports;
|
@@ -4,30 +4,25 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
4
4
|
|
5
5
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
6
6
|
|
7
|
-
import _makePurgeCssExtractor from "./helpers/makePurgeCssExtractor.js";
|
8
7
|
import _zIndexes from "./zIndexes";
|
9
|
-
import _colors from "./colors";
|
10
8
|
import _rgba from "./rgba";
|
11
|
-
import
|
12
|
-
|
13
|
-
|
14
|
-
var rgba = _rgba;
|
9
|
+
import _makePurgeCssExtractor from "./helpers/makePurgeCssExtractor.js";
|
10
|
+
import _colors from "./colors";
|
11
|
+
// @ts-check
|
15
12
|
var colors = _colors;
|
16
|
-
var zIndexes = _zIndexes;
|
17
13
|
var makePurgeCssExtractor = _makePurgeCssExtractor;
|
14
|
+
var rgba = _rgba;
|
15
|
+
var zIndexes = _zIndexes;
|
18
16
|
var prefix = "stl-";
|
19
|
-
|
20
|
-
|
21
|
-
layers: ["utilities"],
|
22
|
-
enabled: NODE_ENV === "production" || NODE_ENV === "storybook",
|
23
|
-
content: [NODE_ENV === "production" ? "./src/**/!(*.test|*.stories).{ts,tsx}" : "./src/**/!(*.test).{ts,tsx,mdx}", "./src/**/*.tailwind.js"],
|
24
|
-
options: {
|
25
|
-
defaultExtractor: makePurgeCssExtractor(prefix)
|
26
|
-
}
|
27
|
-
};
|
17
|
+
/** @type {import('tailwindcss').Config} */
|
18
|
+
|
28
19
|
export default {
|
29
20
|
prefix: prefix,
|
30
|
-
|
21
|
+
content: {
|
22
|
+
files: ["./src/**/*.tailwind.js", "./src/**/!(*.test|*.stories).{ts,tsx}"],
|
23
|
+
extract: makePurgeCssExtractor(prefix)
|
24
|
+
},
|
25
|
+
safelist: ["stl-instantsearch"],
|
31
26
|
theme: {
|
32
27
|
fontFamily: {
|
33
28
|
sans: ["-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"],
|
@@ -80,7 +75,8 @@ export default {
|
|
80
75
|
2: "2px",
|
81
76
|
3: "3px"
|
82
77
|
},
|
83
|
-
boxShadow: function boxShadow(
|
78
|
+
boxShadow: function boxShadow(_ref) {
|
79
|
+
var theme = _ref.theme;
|
84
80
|
return {
|
85
81
|
none: "none",
|
86
82
|
z100: "0px 0px 0px 1px ".concat(theme("colors.shadow.5"), ", 0px 1px 3px 0px ").concat(theme("colors.shadow.15")),
|
@@ -107,6 +103,7 @@ export default {
|
|
107
103
|
accent: colors.nebula,
|
108
104
|
inherit: "inherit",
|
109
105
|
transparent: "transparent",
|
106
|
+
current: "currentColor",
|
110
107
|
shadow: {
|
111
108
|
5: rgba(colors.grey[900], 0.05),
|
112
109
|
10: rgba(colors.grey[900], 0.1),
|
@@ -119,19 +116,24 @@ export default {
|
|
119
116
|
"2px": "2px",
|
120
117
|
128: "32rem"
|
121
118
|
},
|
122
|
-
inset: function inset(
|
119
|
+
inset: function inset(_ref2) {
|
120
|
+
var theme = _ref2.theme;
|
123
121
|
return theme("width");
|
124
122
|
},
|
125
|
-
maxWidth: function maxWidth(
|
123
|
+
maxWidth: function maxWidth(_ref3) {
|
124
|
+
var theme = _ref3.theme;
|
126
125
|
return theme("width");
|
127
126
|
},
|
128
|
-
minWidth: function minWidth(
|
127
|
+
minWidth: function minWidth(_ref4) {
|
128
|
+
var theme = _ref4.theme;
|
129
129
|
return theme("width");
|
130
130
|
},
|
131
|
-
maxHeight: function maxHeight(
|
131
|
+
maxHeight: function maxHeight(_ref5) {
|
132
|
+
var theme = _ref5.theme;
|
132
133
|
return theme("height");
|
133
134
|
},
|
134
|
-
minHeight: function minHeight(
|
135
|
+
minHeight: function minHeight(_ref6) {
|
136
|
+
var theme = _ref6.theme;
|
135
137
|
return theme("height");
|
136
138
|
},
|
137
139
|
zIndex: zIndexes,
|
@@ -139,12 +141,7 @@ export default {
|
|
139
141
|
grab: "grab",
|
140
142
|
help: "help"
|
141
143
|
}
|
142
|
-
}
|
143
|
-
typography: typography.styles
|
144
|
-
},
|
145
|
-
variants: {
|
146
|
-
borderWidth: ["responsive", "first"],
|
147
|
-
visibility: ["responsive", "group-hover"]
|
144
|
+
}
|
148
145
|
},
|
149
|
-
plugins: [require("./base.tailwind"), require("../utilities/utilities.tailwind"),
|
146
|
+
plugins: [require("./base.tailwind"), require("../utilities/utilities.tailwind"), require("../Typography/Typography.tailwind"), require("../FlexGrid/FlexGrid.tailwind"), require("../AutoComplete/AutoComplete.tailwind"), require("../Button/Button.tailwind"), require("../Card/Card.tailwind"), require("../Checkbox/Checkbox.tailwind"), require("../EmptyState/EmptyState.tailwind"), require("../Flag/Flag.tailwind"), require("../HelpUnderline/HelpUnderline.tailwind"), require("../Input/Input.tailwind"), require("../InstantSearch/InstantSearch.tailwind"), require("../KeyboardKey/KeyboardKey.tailwind"), require("../Medallion/Medallion.tailwind"), require("../Modal/Modal.tailwind"), require("../ProgressBar/ProgressBar.tailwind"), require("../ProgressSpinner/ProgressSpinner.tailwind"), require("../RadioGroup/RadioButton.tailwind"), require("../RangeSlider/RangeSlider.tailwind"), require("../ScrollIndicator/ScrollIndicator.tailwind"), require("../Select/Select.tailwind"), require("../Sidebar/Sidebar.tailwind"), require("../Switch/Switch.tailwind"), require("../Tabs/Tabs.tailwind"), require("../Tables/DataTable/DataTable.tailwind"), require("../Tables/Table/Table.tailwind"), require("../Tag/Tag.tailwind"), require("../TextArea/TextArea.tailwind"), require("../Toggle/Toggle.tailwind"), require("../Tooltip/Tooltip.tailwind"), require("../UserContent/UserContent.tailwind"), require("../DatePicker/DatePicker.tailwind")]
|
150
147
|
};
|
package/esm/types.d.ts
CHANGED
@@ -10,3 +10,10 @@ export declare type ColorVariant = "accent" | "grey" | "green" | "blue" | "orang
|
|
10
10
|
export declare type AtLeastOne<T, U = {
|
11
11
|
[K in keyof T]: Pick<T, K>;
|
12
12
|
}> = Partial<T> & U[keyof U];
|
13
|
+
/**
|
14
|
+
* Makes an optional property required
|
15
|
+
* See https://bobbyhadz.com/blog/typescript-make-property-required
|
16
|
+
*/
|
17
|
+
export declare type WithRequiredProperty<Type, Key extends keyof Type> = Type & {
|
18
|
+
[Property in Key]-?: Type[Property];
|
19
|
+
};
|