@zendeskgarden/react-forms 8.75.0 → 8.76.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/esm/elements/Checkbox.js +101 -0
- package/dist/esm/elements/FileUpload.js +79 -0
- package/dist/esm/elements/Input.js +97 -0
- package/dist/esm/elements/MediaInput.js +160 -0
- package/dist/esm/elements/MultiThumbRange.js +166 -0
- package/dist/esm/elements/Radio.js +85 -0
- package/dist/esm/elements/Range.js +112 -0
- package/dist/esm/elements/Select.js +101 -0
- package/dist/esm/elements/Textarea.js +174 -0
- package/dist/esm/elements/Toggle.js +85 -0
- package/dist/esm/elements/common/Field.js +96 -0
- package/dist/esm/elements/common/Fieldset.js +77 -0
- package/dist/esm/elements/common/Hint.js +96 -0
- package/dist/esm/elements/common/Label.js +142 -0
- package/dist/esm/elements/common/Legend.js +67 -0
- package/dist/esm/elements/common/Message.js +117 -0
- package/dist/esm/elements/faux-input/FauxInput.js +104 -0
- package/dist/esm/elements/faux-input/components/EndIcon.js +63 -0
- package/dist/esm/elements/faux-input/components/StartIcon.js +63 -0
- package/dist/esm/elements/file-list/FileList.js +70 -0
- package/dist/esm/elements/file-list/components/Close.js +79 -0
- package/dist/esm/elements/file-list/components/Delete.js +79 -0
- package/dist/esm/elements/file-list/components/File.js +98 -0
- package/dist/esm/elements/file-list/components/Item.js +68 -0
- package/dist/esm/elements/file-list/utils.js +50 -0
- package/dist/esm/elements/input-group/InputGroup.js +79 -0
- package/dist/esm/elements/tiles/Tiles.js +64 -0
- package/dist/esm/elements/tiles/components/Description.js +68 -0
- package/dist/esm/elements/tiles/components/Icon.js +68 -0
- package/dist/esm/elements/tiles/components/Label.js +77 -0
- package/dist/esm/elements/tiles/components/Tile.js +95 -0
- package/dist/esm/index.js +27 -0
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/check-circle-stroke.svg.js +33 -0
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/check-sm-fill.svg.js +29 -0
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/circle-sm-fill.svg.js +27 -0
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/dash-fill.svg.js +27 -0
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/file-document-stroke.svg.js +27 -0
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/file-error-stroke.svg.js +27 -0
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/file-generic-stroke.svg.js +26 -0
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/file-image-stroke.svg.js +33 -0
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/file-pdf-stroke.svg.js +35 -0
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/file-presentation-stroke.svg.js +26 -0
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/file-spreadsheet-stroke.svg.js +27 -0
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/file-zip-stroke.svg.js +27 -0
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/trash-stroke.svg.js +27 -0
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/x-stroke.svg.js +26 -0
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/alert-error-stroke.svg.js +37 -0
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/alert-warning-stroke.svg.js +32 -0
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/check-circle-stroke.svg.js +33 -0
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/chevron-down-stroke.svg.js +25 -0
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/circle-sm-fill.svg.js +27 -0
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/file-document-stroke.svg.js +27 -0
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/file-error-stroke.svg.js +27 -0
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/file-generic-stroke.svg.js +26 -0
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/file-image-stroke.svg.js +32 -0
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/file-pdf-stroke.svg.js +35 -0
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/file-presentation-stroke.svg.js +26 -0
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/file-spreadsheet-stroke.svg.js +27 -0
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/file-zip-stroke.svg.js +27 -0
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/trash-stroke.svg.js +27 -0
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/x-stroke.svg.js +26 -0
- package/dist/esm/styled/checkbox/StyledCheckHint.js +23 -0
- package/dist/esm/styled/checkbox/StyledCheckInput.js +34 -0
- package/dist/esm/styled/checkbox/StyledCheckLabel.js +23 -0
- package/dist/esm/styled/checkbox/StyledCheckMessage.js +23 -0
- package/dist/esm/styled/checkbox/StyledCheckSvg.js +25 -0
- package/dist/esm/styled/checkbox/StyledDashSvg.js +25 -0
- package/dist/esm/styled/common/StyledField.js +22 -0
- package/dist/esm/styled/common/StyledFieldset.js +24 -0
- package/dist/esm/styled/common/StyledHint.js +22 -0
- package/dist/esm/styled/common/StyledLabel.js +23 -0
- package/dist/esm/styled/common/StyledLegend.js +24 -0
- package/dist/esm/styled/common/StyledMessage.js +40 -0
- package/dist/esm/styled/common/StyledMessageIcon.js +45 -0
- package/dist/esm/styled/file-list/StyledFile.js +74 -0
- package/dist/esm/styled/file-list/StyledFileClose.js +22 -0
- package/dist/esm/styled/file-list/StyledFileDelete.js +23 -0
- package/dist/esm/styled/file-list/StyledFileIcon.js +31 -0
- package/dist/esm/styled/file-list/StyledFileList.js +22 -0
- package/dist/esm/styled/file-list/StyledFileListItem.js +24 -0
- package/dist/esm/styled/file-upload/StyledFileUpload.js +45 -0
- package/dist/esm/styled/input-group/StyledInputGroup.js +35 -0
- package/dist/esm/styled/radio/StyledRadioHint.js +24 -0
- package/dist/esm/styled/radio/StyledRadioInput.js +61 -0
- package/dist/esm/styled/radio/StyledRadioLabel.js +30 -0
- package/dist/esm/styled/radio/StyledRadioMessage.js +24 -0
- package/dist/esm/styled/radio/StyledRadioSvg.js +25 -0
- package/dist/esm/styled/range/StyledRangeInput.js +160 -0
- package/dist/esm/styled/range/StyledSlider.js +26 -0
- package/dist/esm/styled/range/StyledSliderThumb.js +45 -0
- package/dist/esm/styled/range/StyledSliderTrack.js +42 -0
- package/dist/esm/styled/range/StyledSliderTrackRail.js +28 -0
- package/dist/esm/styled/select/StyledSelect.js +36 -0
- package/dist/esm/styled/select/StyledSelectWrapper.js +24 -0
- package/dist/esm/styled/text/StyledTextFauxInput.js +59 -0
- package/dist/esm/styled/text/StyledTextInput.js +105 -0
- package/dist/esm/styled/text/StyledTextMediaFigure.js +57 -0
- package/dist/esm/styled/text/StyledTextMediaInput.js +24 -0
- package/dist/esm/styled/text/StyledTextarea.js +33 -0
- package/dist/esm/styled/tiles/StyledTile.js +53 -0
- package/dist/esm/styled/tiles/StyledTileDescription.js +34 -0
- package/dist/esm/styled/tiles/StyledTileIcon.js +38 -0
- package/dist/esm/styled/tiles/StyledTileInput.js +18 -0
- package/dist/esm/styled/tiles/StyledTileLabel.js +36 -0
- package/dist/esm/styled/toggle/StyledToggleHint.js +24 -0
- package/dist/esm/styled/toggle/StyledToggleInput.js +40 -0
- package/dist/esm/styled/toggle/StyledToggleLabel.js +28 -0
- package/dist/esm/styled/toggle/StyledToggleMessage.js +25 -0
- package/dist/esm/styled/toggle/StyledToggleSvg.js +23 -0
- package/dist/esm/types/index.js +11 -0
- package/dist/esm/utils/useFieldContext.js +15 -0
- package/dist/esm/utils/useFieldsetContext.js +15 -0
- package/dist/esm/utils/useFileContext.js +14 -0
- package/dist/esm/utils/useInputContext.js +14 -0
- package/dist/esm/utils/useInputGroupContext.js +14 -0
- package/dist/esm/utils/useTilesContext.js +14 -0
- package/dist/index.cjs.js +83 -99
- package/package.json +5 -5
- package/dist/index.esm.js +0 -2921
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import React__default, { useMemo } from 'react';
|
|
8
|
+
import PropTypes from 'prop-types';
|
|
9
|
+
import { InputGroupContext } from '../../utils/useInputGroupContext.js';
|
|
10
|
+
import '../../styled/common/StyledField.js';
|
|
11
|
+
import '../../styled/common/StyledFieldset.js';
|
|
12
|
+
import '../../styled/common/StyledLegend.js';
|
|
13
|
+
import '../../styled/common/StyledHint.js';
|
|
14
|
+
import '../../styled/common/StyledLabel.js';
|
|
15
|
+
import '../../styled/common/StyledMessage.js';
|
|
16
|
+
import '../../styled/common/StyledMessageIcon.js';
|
|
17
|
+
import '../../styled/text/StyledTextInput.js';
|
|
18
|
+
import '../../styled/text/StyledTextarea.js';
|
|
19
|
+
import '../../styled/text/StyledTextFauxInput.js';
|
|
20
|
+
import '../../styled/text/StyledTextMediaInput.js';
|
|
21
|
+
import '../../styled/text/StyledTextMediaFigure.js';
|
|
22
|
+
import { StyledInputGroup } from '../../styled/input-group/StyledInputGroup.js';
|
|
23
|
+
import '../../styled/checkbox/StyledCheckLabel.js';
|
|
24
|
+
import '../../styled/checkbox/StyledCheckHint.js';
|
|
25
|
+
import '../../styled/checkbox/StyledCheckInput.js';
|
|
26
|
+
import '../../styled/checkbox/StyledCheckMessage.js';
|
|
27
|
+
import '../../styled/checkbox/StyledCheckSvg.js';
|
|
28
|
+
import '../../styled/checkbox/StyledDashSvg.js';
|
|
29
|
+
import '../../styled/file-upload/StyledFileUpload.js';
|
|
30
|
+
import '../../styled/file-list/StyledFile.js';
|
|
31
|
+
import '../../styled/file-list/StyledFileClose.js';
|
|
32
|
+
import '../../styled/file-list/StyledFileDelete.js';
|
|
33
|
+
import '../../styled/file-list/StyledFileIcon.js';
|
|
34
|
+
import '../../styled/file-list/StyledFileList.js';
|
|
35
|
+
import '../../styled/file-list/StyledFileListItem.js';
|
|
36
|
+
import '../../styled/radio/StyledRadioLabel.js';
|
|
37
|
+
import '../../styled/radio/StyledRadioHint.js';
|
|
38
|
+
import '../../styled/radio/StyledRadioInput.js';
|
|
39
|
+
import '../../styled/radio/StyledRadioMessage.js';
|
|
40
|
+
import '../../styled/radio/StyledRadioSvg.js';
|
|
41
|
+
import '../../styled/toggle/StyledToggleLabel.js';
|
|
42
|
+
import '../../styled/toggle/StyledToggleHint.js';
|
|
43
|
+
import '../../styled/toggle/StyledToggleInput.js';
|
|
44
|
+
import '../../styled/toggle/StyledToggleMessage.js';
|
|
45
|
+
import '../../styled/toggle/StyledToggleSvg.js';
|
|
46
|
+
import '../../styled/select/StyledSelect.js';
|
|
47
|
+
import '../../styled/select/StyledSelectWrapper.js';
|
|
48
|
+
import '../../styled/range/StyledRangeInput.js';
|
|
49
|
+
import '../../styled/range/StyledSlider.js';
|
|
50
|
+
import '../../styled/range/StyledSliderThumb.js';
|
|
51
|
+
import '../../styled/range/StyledSliderTrack.js';
|
|
52
|
+
import '../../styled/range/StyledSliderTrackRail.js';
|
|
53
|
+
import '../../styled/tiles/StyledTile.js';
|
|
54
|
+
import '../../styled/tiles/StyledTileDescription.js';
|
|
55
|
+
import '../../styled/tiles/StyledTileIcon.js';
|
|
56
|
+
import '../../styled/tiles/StyledTileInput.js';
|
|
57
|
+
import '../../styled/tiles/StyledTileLabel.js';
|
|
58
|
+
|
|
59
|
+
const InputGroup = React__default.forwardRef((_ref, ref) => {
|
|
60
|
+
let {
|
|
61
|
+
isCompact,
|
|
62
|
+
...props
|
|
63
|
+
} = _ref;
|
|
64
|
+
const contextValue = useMemo(() => ({
|
|
65
|
+
isCompact
|
|
66
|
+
}), [isCompact]);
|
|
67
|
+
return React__default.createElement(InputGroupContext.Provider, {
|
|
68
|
+
value: contextValue
|
|
69
|
+
}, React__default.createElement(StyledInputGroup, Object.assign({
|
|
70
|
+
ref: ref,
|
|
71
|
+
isCompact: isCompact
|
|
72
|
+
}, props)));
|
|
73
|
+
});
|
|
74
|
+
InputGroup.displayName = 'InputGroup';
|
|
75
|
+
InputGroup.propTypes = {
|
|
76
|
+
isCompact: PropTypes.bool
|
|
77
|
+
};
|
|
78
|
+
|
|
79
|
+
export { InputGroup };
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import React__default, { forwardRef, useState, useCallback, useMemo } from 'react';
|
|
8
|
+
import PropTypes from 'prop-types';
|
|
9
|
+
import { getControlledValue } from '@zendeskgarden/container-utilities';
|
|
10
|
+
import { TilesContext } from '../../utils/useTilesContext.js';
|
|
11
|
+
import { Tile } from './components/Tile.js';
|
|
12
|
+
import { Description } from './components/Description.js';
|
|
13
|
+
import { Icon } from './components/Icon.js';
|
|
14
|
+
import { Label } from './components/Label.js';
|
|
15
|
+
|
|
16
|
+
const TilesComponent = forwardRef((_ref, ref) => {
|
|
17
|
+
let {
|
|
18
|
+
onChange,
|
|
19
|
+
value: controlledValue,
|
|
20
|
+
name,
|
|
21
|
+
isCentered,
|
|
22
|
+
...props
|
|
23
|
+
} = _ref;
|
|
24
|
+
const [value, setValue] = useState(controlledValue);
|
|
25
|
+
const handleOnChange = useCallback(function () {
|
|
26
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
27
|
+
args[_key] = arguments[_key];
|
|
28
|
+
}
|
|
29
|
+
setValue(args[0].target.value);
|
|
30
|
+
if (onChange) {
|
|
31
|
+
onChange(...args);
|
|
32
|
+
}
|
|
33
|
+
}, [onChange]);
|
|
34
|
+
const selectedValue = getControlledValue(controlledValue, value);
|
|
35
|
+
const tileContext = useMemo(() => ({
|
|
36
|
+
onChange: handleOnChange,
|
|
37
|
+
value: selectedValue,
|
|
38
|
+
name,
|
|
39
|
+
isCentered
|
|
40
|
+
}), [handleOnChange, selectedValue, name, isCentered]);
|
|
41
|
+
return React__default.createElement(TilesContext.Provider, {
|
|
42
|
+
value: tileContext
|
|
43
|
+
}, React__default.createElement("div", Object.assign({
|
|
44
|
+
ref: ref,
|
|
45
|
+
role: "radiogroup"
|
|
46
|
+
}, props)));
|
|
47
|
+
});
|
|
48
|
+
TilesComponent.displayName = 'Tiles';
|
|
49
|
+
TilesComponent.propTypes = {
|
|
50
|
+
value: PropTypes.string,
|
|
51
|
+
onChange: PropTypes.func,
|
|
52
|
+
name: PropTypes.string.isRequired,
|
|
53
|
+
isCentered: PropTypes.bool
|
|
54
|
+
};
|
|
55
|
+
TilesComponent.defaultProps = {
|
|
56
|
+
isCentered: true
|
|
57
|
+
};
|
|
58
|
+
const Tiles = TilesComponent;
|
|
59
|
+
Tiles.Description = Description;
|
|
60
|
+
Tiles.Icon = Icon;
|
|
61
|
+
Tiles.Label = Label;
|
|
62
|
+
Tiles.Tile = Tile;
|
|
63
|
+
|
|
64
|
+
export { Tiles };
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import React__default, { forwardRef } from 'react';
|
|
8
|
+
import '../../../styled/common/StyledField.js';
|
|
9
|
+
import '../../../styled/common/StyledFieldset.js';
|
|
10
|
+
import '../../../styled/common/StyledLegend.js';
|
|
11
|
+
import '../../../styled/common/StyledHint.js';
|
|
12
|
+
import '../../../styled/common/StyledLabel.js';
|
|
13
|
+
import '../../../styled/common/StyledMessage.js';
|
|
14
|
+
import '../../../styled/common/StyledMessageIcon.js';
|
|
15
|
+
import '../../../styled/text/StyledTextInput.js';
|
|
16
|
+
import '../../../styled/text/StyledTextarea.js';
|
|
17
|
+
import '../../../styled/text/StyledTextFauxInput.js';
|
|
18
|
+
import '../../../styled/text/StyledTextMediaInput.js';
|
|
19
|
+
import '../../../styled/text/StyledTextMediaFigure.js';
|
|
20
|
+
import '../../../styled/input-group/StyledInputGroup.js';
|
|
21
|
+
import '../../../styled/checkbox/StyledCheckLabel.js';
|
|
22
|
+
import '../../../styled/checkbox/StyledCheckHint.js';
|
|
23
|
+
import '../../../styled/checkbox/StyledCheckInput.js';
|
|
24
|
+
import '../../../styled/checkbox/StyledCheckMessage.js';
|
|
25
|
+
import '../../../styled/checkbox/StyledCheckSvg.js';
|
|
26
|
+
import '../../../styled/checkbox/StyledDashSvg.js';
|
|
27
|
+
import '../../../styled/file-upload/StyledFileUpload.js';
|
|
28
|
+
import '../../../styled/file-list/StyledFile.js';
|
|
29
|
+
import '../../../styled/file-list/StyledFileClose.js';
|
|
30
|
+
import '../../../styled/file-list/StyledFileDelete.js';
|
|
31
|
+
import '../../../styled/file-list/StyledFileIcon.js';
|
|
32
|
+
import '../../../styled/file-list/StyledFileList.js';
|
|
33
|
+
import '../../../styled/file-list/StyledFileListItem.js';
|
|
34
|
+
import '../../../styled/radio/StyledRadioLabel.js';
|
|
35
|
+
import '../../../styled/radio/StyledRadioHint.js';
|
|
36
|
+
import '../../../styled/radio/StyledRadioInput.js';
|
|
37
|
+
import '../../../styled/radio/StyledRadioMessage.js';
|
|
38
|
+
import '../../../styled/radio/StyledRadioSvg.js';
|
|
39
|
+
import '../../../styled/toggle/StyledToggleLabel.js';
|
|
40
|
+
import '../../../styled/toggle/StyledToggleHint.js';
|
|
41
|
+
import '../../../styled/toggle/StyledToggleInput.js';
|
|
42
|
+
import '../../../styled/toggle/StyledToggleMessage.js';
|
|
43
|
+
import '../../../styled/toggle/StyledToggleSvg.js';
|
|
44
|
+
import '../../../styled/select/StyledSelect.js';
|
|
45
|
+
import '../../../styled/select/StyledSelectWrapper.js';
|
|
46
|
+
import '../../../styled/range/StyledRangeInput.js';
|
|
47
|
+
import '../../../styled/range/StyledSlider.js';
|
|
48
|
+
import '../../../styled/range/StyledSliderThumb.js';
|
|
49
|
+
import '../../../styled/range/StyledSliderTrack.js';
|
|
50
|
+
import '../../../styled/range/StyledSliderTrackRail.js';
|
|
51
|
+
import '../../../styled/tiles/StyledTile.js';
|
|
52
|
+
import { StyledTileDescription } from '../../../styled/tiles/StyledTileDescription.js';
|
|
53
|
+
import '../../../styled/tiles/StyledTileIcon.js';
|
|
54
|
+
import '../../../styled/tiles/StyledTileInput.js';
|
|
55
|
+
import '../../../styled/tiles/StyledTileLabel.js';
|
|
56
|
+
import { useTilesContext } from '../../../utils/useTilesContext.js';
|
|
57
|
+
|
|
58
|
+
const DescriptionComponent = forwardRef((props, ref) => {
|
|
59
|
+
const tilesContext = useTilesContext();
|
|
60
|
+
return React__default.createElement(StyledTileDescription, Object.assign({
|
|
61
|
+
ref: ref,
|
|
62
|
+
isCentered: tilesContext && tilesContext.isCentered
|
|
63
|
+
}, props));
|
|
64
|
+
});
|
|
65
|
+
DescriptionComponent.displayName = 'Tiles.Description';
|
|
66
|
+
const Description = DescriptionComponent;
|
|
67
|
+
|
|
68
|
+
export { Description };
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import React__default, { forwardRef } from 'react';
|
|
8
|
+
import { useTilesContext } from '../../../utils/useTilesContext.js';
|
|
9
|
+
import '../../../styled/common/StyledField.js';
|
|
10
|
+
import '../../../styled/common/StyledFieldset.js';
|
|
11
|
+
import '../../../styled/common/StyledLegend.js';
|
|
12
|
+
import '../../../styled/common/StyledHint.js';
|
|
13
|
+
import '../../../styled/common/StyledLabel.js';
|
|
14
|
+
import '../../../styled/common/StyledMessage.js';
|
|
15
|
+
import '../../../styled/common/StyledMessageIcon.js';
|
|
16
|
+
import '../../../styled/text/StyledTextInput.js';
|
|
17
|
+
import '../../../styled/text/StyledTextarea.js';
|
|
18
|
+
import '../../../styled/text/StyledTextFauxInput.js';
|
|
19
|
+
import '../../../styled/text/StyledTextMediaInput.js';
|
|
20
|
+
import '../../../styled/text/StyledTextMediaFigure.js';
|
|
21
|
+
import '../../../styled/input-group/StyledInputGroup.js';
|
|
22
|
+
import '../../../styled/checkbox/StyledCheckLabel.js';
|
|
23
|
+
import '../../../styled/checkbox/StyledCheckHint.js';
|
|
24
|
+
import '../../../styled/checkbox/StyledCheckInput.js';
|
|
25
|
+
import '../../../styled/checkbox/StyledCheckMessage.js';
|
|
26
|
+
import '../../../styled/checkbox/StyledCheckSvg.js';
|
|
27
|
+
import '../../../styled/checkbox/StyledDashSvg.js';
|
|
28
|
+
import '../../../styled/file-upload/StyledFileUpload.js';
|
|
29
|
+
import '../../../styled/file-list/StyledFile.js';
|
|
30
|
+
import '../../../styled/file-list/StyledFileClose.js';
|
|
31
|
+
import '../../../styled/file-list/StyledFileDelete.js';
|
|
32
|
+
import '../../../styled/file-list/StyledFileIcon.js';
|
|
33
|
+
import '../../../styled/file-list/StyledFileList.js';
|
|
34
|
+
import '../../../styled/file-list/StyledFileListItem.js';
|
|
35
|
+
import '../../../styled/radio/StyledRadioLabel.js';
|
|
36
|
+
import '../../../styled/radio/StyledRadioHint.js';
|
|
37
|
+
import '../../../styled/radio/StyledRadioInput.js';
|
|
38
|
+
import '../../../styled/radio/StyledRadioMessage.js';
|
|
39
|
+
import '../../../styled/radio/StyledRadioSvg.js';
|
|
40
|
+
import '../../../styled/toggle/StyledToggleLabel.js';
|
|
41
|
+
import '../../../styled/toggle/StyledToggleHint.js';
|
|
42
|
+
import '../../../styled/toggle/StyledToggleInput.js';
|
|
43
|
+
import '../../../styled/toggle/StyledToggleMessage.js';
|
|
44
|
+
import '../../../styled/toggle/StyledToggleSvg.js';
|
|
45
|
+
import '../../../styled/select/StyledSelect.js';
|
|
46
|
+
import '../../../styled/select/StyledSelectWrapper.js';
|
|
47
|
+
import '../../../styled/range/StyledRangeInput.js';
|
|
48
|
+
import '../../../styled/range/StyledSlider.js';
|
|
49
|
+
import '../../../styled/range/StyledSliderThumb.js';
|
|
50
|
+
import '../../../styled/range/StyledSliderTrack.js';
|
|
51
|
+
import '../../../styled/range/StyledSliderTrackRail.js';
|
|
52
|
+
import '../../../styled/tiles/StyledTile.js';
|
|
53
|
+
import '../../../styled/tiles/StyledTileDescription.js';
|
|
54
|
+
import { StyledTileIcon } from '../../../styled/tiles/StyledTileIcon.js';
|
|
55
|
+
import '../../../styled/tiles/StyledTileInput.js';
|
|
56
|
+
import '../../../styled/tiles/StyledTileLabel.js';
|
|
57
|
+
|
|
58
|
+
const IconComponent = forwardRef((props, ref) => {
|
|
59
|
+
const tileContext = useTilesContext();
|
|
60
|
+
return React__default.createElement(StyledTileIcon, Object.assign({
|
|
61
|
+
ref: ref,
|
|
62
|
+
isCentered: tileContext && tileContext.isCentered
|
|
63
|
+
}, props));
|
|
64
|
+
});
|
|
65
|
+
IconComponent.displayName = 'Tiles.Icon';
|
|
66
|
+
const Icon = IconComponent;
|
|
67
|
+
|
|
68
|
+
export { Icon };
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import React__default, { forwardRef, useState, useRef, useEffect } from 'react';
|
|
8
|
+
import mergeRefs from 'react-merge-refs';
|
|
9
|
+
import '../../../styled/common/StyledField.js';
|
|
10
|
+
import '../../../styled/common/StyledFieldset.js';
|
|
11
|
+
import '../../../styled/common/StyledLegend.js';
|
|
12
|
+
import '../../../styled/common/StyledHint.js';
|
|
13
|
+
import '../../../styled/common/StyledLabel.js';
|
|
14
|
+
import '../../../styled/common/StyledMessage.js';
|
|
15
|
+
import '../../../styled/common/StyledMessageIcon.js';
|
|
16
|
+
import '../../../styled/text/StyledTextInput.js';
|
|
17
|
+
import '../../../styled/text/StyledTextarea.js';
|
|
18
|
+
import '../../../styled/text/StyledTextFauxInput.js';
|
|
19
|
+
import '../../../styled/text/StyledTextMediaInput.js';
|
|
20
|
+
import '../../../styled/text/StyledTextMediaFigure.js';
|
|
21
|
+
import '../../../styled/input-group/StyledInputGroup.js';
|
|
22
|
+
import '../../../styled/checkbox/StyledCheckLabel.js';
|
|
23
|
+
import '../../../styled/checkbox/StyledCheckHint.js';
|
|
24
|
+
import '../../../styled/checkbox/StyledCheckInput.js';
|
|
25
|
+
import '../../../styled/checkbox/StyledCheckMessage.js';
|
|
26
|
+
import '../../../styled/checkbox/StyledCheckSvg.js';
|
|
27
|
+
import '../../../styled/checkbox/StyledDashSvg.js';
|
|
28
|
+
import '../../../styled/file-upload/StyledFileUpload.js';
|
|
29
|
+
import '../../../styled/file-list/StyledFile.js';
|
|
30
|
+
import '../../../styled/file-list/StyledFileClose.js';
|
|
31
|
+
import '../../../styled/file-list/StyledFileDelete.js';
|
|
32
|
+
import '../../../styled/file-list/StyledFileIcon.js';
|
|
33
|
+
import '../../../styled/file-list/StyledFileList.js';
|
|
34
|
+
import '../../../styled/file-list/StyledFileListItem.js';
|
|
35
|
+
import '../../../styled/radio/StyledRadioLabel.js';
|
|
36
|
+
import '../../../styled/radio/StyledRadioHint.js';
|
|
37
|
+
import '../../../styled/radio/StyledRadioInput.js';
|
|
38
|
+
import '../../../styled/radio/StyledRadioMessage.js';
|
|
39
|
+
import '../../../styled/radio/StyledRadioSvg.js';
|
|
40
|
+
import '../../../styled/toggle/StyledToggleLabel.js';
|
|
41
|
+
import '../../../styled/toggle/StyledToggleHint.js';
|
|
42
|
+
import '../../../styled/toggle/StyledToggleInput.js';
|
|
43
|
+
import '../../../styled/toggle/StyledToggleMessage.js';
|
|
44
|
+
import '../../../styled/toggle/StyledToggleSvg.js';
|
|
45
|
+
import '../../../styled/select/StyledSelect.js';
|
|
46
|
+
import '../../../styled/select/StyledSelectWrapper.js';
|
|
47
|
+
import '../../../styled/range/StyledRangeInput.js';
|
|
48
|
+
import '../../../styled/range/StyledSlider.js';
|
|
49
|
+
import '../../../styled/range/StyledSliderThumb.js';
|
|
50
|
+
import '../../../styled/range/StyledSliderTrack.js';
|
|
51
|
+
import '../../../styled/range/StyledSliderTrackRail.js';
|
|
52
|
+
import '../../../styled/tiles/StyledTile.js';
|
|
53
|
+
import '../../../styled/tiles/StyledTileDescription.js';
|
|
54
|
+
import '../../../styled/tiles/StyledTileIcon.js';
|
|
55
|
+
import '../../../styled/tiles/StyledTileInput.js';
|
|
56
|
+
import { StyledTileLabel } from '../../../styled/tiles/StyledTileLabel.js';
|
|
57
|
+
import { useTilesContext } from '../../../utils/useTilesContext.js';
|
|
58
|
+
|
|
59
|
+
const LabelComponent = forwardRef((props, forwardedRef) => {
|
|
60
|
+
const [title, setTitle] = useState('');
|
|
61
|
+
const ref = useRef();
|
|
62
|
+
const tilesContext = useTilesContext();
|
|
63
|
+
useEffect(() => {
|
|
64
|
+
if (ref.current) {
|
|
65
|
+
setTitle(ref.current.textContent || undefined);
|
|
66
|
+
}
|
|
67
|
+
}, [ref]);
|
|
68
|
+
return React__default.createElement(StyledTileLabel, Object.assign({
|
|
69
|
+
ref: mergeRefs([ref, forwardedRef]),
|
|
70
|
+
title: title,
|
|
71
|
+
isCentered: tilesContext && tilesContext.isCentered
|
|
72
|
+
}, props));
|
|
73
|
+
});
|
|
74
|
+
LabelComponent.displayName = 'Tiles.Label';
|
|
75
|
+
const Label = LabelComponent;
|
|
76
|
+
|
|
77
|
+
export { Label };
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import React__default, { useRef } from 'react';
|
|
8
|
+
import PropTypes from 'prop-types';
|
|
9
|
+
import { useTilesContext } from '../../../utils/useTilesContext.js';
|
|
10
|
+
import '../../../styled/common/StyledField.js';
|
|
11
|
+
import '../../../styled/common/StyledFieldset.js';
|
|
12
|
+
import '../../../styled/common/StyledLegend.js';
|
|
13
|
+
import '../../../styled/common/StyledHint.js';
|
|
14
|
+
import '../../../styled/common/StyledLabel.js';
|
|
15
|
+
import '../../../styled/common/StyledMessage.js';
|
|
16
|
+
import '../../../styled/common/StyledMessageIcon.js';
|
|
17
|
+
import '../../../styled/text/StyledTextInput.js';
|
|
18
|
+
import '../../../styled/text/StyledTextarea.js';
|
|
19
|
+
import '../../../styled/text/StyledTextFauxInput.js';
|
|
20
|
+
import '../../../styled/text/StyledTextMediaInput.js';
|
|
21
|
+
import '../../../styled/text/StyledTextMediaFigure.js';
|
|
22
|
+
import '../../../styled/input-group/StyledInputGroup.js';
|
|
23
|
+
import '../../../styled/checkbox/StyledCheckLabel.js';
|
|
24
|
+
import '../../../styled/checkbox/StyledCheckHint.js';
|
|
25
|
+
import '../../../styled/checkbox/StyledCheckInput.js';
|
|
26
|
+
import '../../../styled/checkbox/StyledCheckMessage.js';
|
|
27
|
+
import '../../../styled/checkbox/StyledCheckSvg.js';
|
|
28
|
+
import '../../../styled/checkbox/StyledDashSvg.js';
|
|
29
|
+
import '../../../styled/file-upload/StyledFileUpload.js';
|
|
30
|
+
import '../../../styled/file-list/StyledFile.js';
|
|
31
|
+
import '../../../styled/file-list/StyledFileClose.js';
|
|
32
|
+
import '../../../styled/file-list/StyledFileDelete.js';
|
|
33
|
+
import '../../../styled/file-list/StyledFileIcon.js';
|
|
34
|
+
import '../../../styled/file-list/StyledFileList.js';
|
|
35
|
+
import '../../../styled/file-list/StyledFileListItem.js';
|
|
36
|
+
import '../../../styled/radio/StyledRadioLabel.js';
|
|
37
|
+
import '../../../styled/radio/StyledRadioHint.js';
|
|
38
|
+
import '../../../styled/radio/StyledRadioInput.js';
|
|
39
|
+
import '../../../styled/radio/StyledRadioMessage.js';
|
|
40
|
+
import '../../../styled/radio/StyledRadioSvg.js';
|
|
41
|
+
import '../../../styled/toggle/StyledToggleLabel.js';
|
|
42
|
+
import '../../../styled/toggle/StyledToggleHint.js';
|
|
43
|
+
import '../../../styled/toggle/StyledToggleInput.js';
|
|
44
|
+
import '../../../styled/toggle/StyledToggleMessage.js';
|
|
45
|
+
import '../../../styled/toggle/StyledToggleSvg.js';
|
|
46
|
+
import '../../../styled/select/StyledSelect.js';
|
|
47
|
+
import '../../../styled/select/StyledSelectWrapper.js';
|
|
48
|
+
import '../../../styled/range/StyledRangeInput.js';
|
|
49
|
+
import '../../../styled/range/StyledSlider.js';
|
|
50
|
+
import '../../../styled/range/StyledSliderThumb.js';
|
|
51
|
+
import '../../../styled/range/StyledSliderTrack.js';
|
|
52
|
+
import '../../../styled/range/StyledSliderTrackRail.js';
|
|
53
|
+
import { StyledTile } from '../../../styled/tiles/StyledTile.js';
|
|
54
|
+
import '../../../styled/tiles/StyledTileDescription.js';
|
|
55
|
+
import '../../../styled/tiles/StyledTileIcon.js';
|
|
56
|
+
import { StyledTileInput } from '../../../styled/tiles/StyledTileInput.js';
|
|
57
|
+
import '../../../styled/tiles/StyledTileLabel.js';
|
|
58
|
+
|
|
59
|
+
const TileComponent = React__default.forwardRef((_ref, ref) => {
|
|
60
|
+
let {
|
|
61
|
+
children,
|
|
62
|
+
value,
|
|
63
|
+
disabled,
|
|
64
|
+
...props
|
|
65
|
+
} = _ref;
|
|
66
|
+
const tilesContext = useTilesContext();
|
|
67
|
+
const inputRef = useRef(null);
|
|
68
|
+
let inputProps;
|
|
69
|
+
if (tilesContext) {
|
|
70
|
+
inputProps = {
|
|
71
|
+
name: tilesContext.name,
|
|
72
|
+
checked: tilesContext.value === value,
|
|
73
|
+
onChange: tilesContext.onChange
|
|
74
|
+
};
|
|
75
|
+
}
|
|
76
|
+
return React__default.createElement(StyledTile, Object.assign({
|
|
77
|
+
ref: ref,
|
|
78
|
+
"aria-disabled": disabled,
|
|
79
|
+
isDisabled: disabled,
|
|
80
|
+
isSelected: tilesContext && tilesContext.value === value
|
|
81
|
+
}, props), children, React__default.createElement(StyledTileInput, Object.assign({}, inputProps, {
|
|
82
|
+
disabled: disabled,
|
|
83
|
+
value: value,
|
|
84
|
+
type: "radio",
|
|
85
|
+
ref: inputRef
|
|
86
|
+
})));
|
|
87
|
+
});
|
|
88
|
+
TileComponent.displayName = 'Tiles.Tile';
|
|
89
|
+
TileComponent.propTypes = {
|
|
90
|
+
value: PropTypes.string,
|
|
91
|
+
disabled: PropTypes.bool
|
|
92
|
+
};
|
|
93
|
+
const Tile = TileComponent;
|
|
94
|
+
|
|
95
|
+
export { Tile };
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
export { Field } from './elements/common/Field.js';
|
|
8
|
+
export { Fieldset } from './elements/common/Fieldset.js';
|
|
9
|
+
export { Hint } from './elements/common/Hint.js';
|
|
10
|
+
export { Label } from './elements/common/Label.js';
|
|
11
|
+
export { Message } from './elements/common/Message.js';
|
|
12
|
+
export { Checkbox } from './elements/Checkbox.js';
|
|
13
|
+
export { Input } from './elements/Input.js';
|
|
14
|
+
export { Radio } from './elements/Radio.js';
|
|
15
|
+
export { Range } from './elements/Range.js';
|
|
16
|
+
export { Textarea } from './elements/Textarea.js';
|
|
17
|
+
export { Toggle } from './elements/Toggle.js';
|
|
18
|
+
export { Select } from './elements/Select.js';
|
|
19
|
+
export { MultiThumbRange } from './elements/MultiThumbRange.js';
|
|
20
|
+
export { Tiles } from './elements/tiles/Tiles.js';
|
|
21
|
+
export { InputGroup } from './elements/input-group/InputGroup.js';
|
|
22
|
+
export { FileUpload } from './elements/FileUpload.js';
|
|
23
|
+
export { FileList } from './elements/file-list/FileList.js';
|
|
24
|
+
export { File } from './elements/file-list/components/File.js';
|
|
25
|
+
export { FauxInput } from './elements/faux-input/FauxInput.js';
|
|
26
|
+
export { MediaInput } from './elements/MediaInput.js';
|
|
27
|
+
export { VALIDATION } from './types/index.js';
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import * as React from 'react';
|
|
8
|
+
|
|
9
|
+
var _g;
|
|
10
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
11
|
+
var SvgCheckCircleStroke = function SvgCheckCircleStroke(props) {
|
|
12
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
13
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
14
|
+
width: 12,
|
|
15
|
+
height: 12,
|
|
16
|
+
focusable: "false",
|
|
17
|
+
viewBox: "0 0 12 12",
|
|
18
|
+
"aria-hidden": "true"
|
|
19
|
+
}, props), _g || (_g = /*#__PURE__*/React.createElement("g", {
|
|
20
|
+
fill: "none",
|
|
21
|
+
stroke: "currentColor"
|
|
22
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
23
|
+
strokeLinecap: "round",
|
|
24
|
+
strokeLinejoin: "round",
|
|
25
|
+
d: "M3.5 6l2 2L9 4.5"
|
|
26
|
+
}), /*#__PURE__*/React.createElement("circle", {
|
|
27
|
+
cx: 6,
|
|
28
|
+
cy: 6,
|
|
29
|
+
r: 5.5
|
|
30
|
+
}))));
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
export { SvgCheckCircleStroke as default };
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import * as React from 'react';
|
|
8
|
+
|
|
9
|
+
var _path;
|
|
10
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
11
|
+
var SvgCheckSmFill = function SvgCheckSmFill(props) {
|
|
12
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
13
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
14
|
+
width: 12,
|
|
15
|
+
height: 12,
|
|
16
|
+
focusable: "false",
|
|
17
|
+
viewBox: "0 0 12 12",
|
|
18
|
+
"aria-hidden": "true"
|
|
19
|
+
}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
|
|
20
|
+
fill: "none",
|
|
21
|
+
stroke: "currentColor",
|
|
22
|
+
strokeLinecap: "round",
|
|
23
|
+
strokeLinejoin: "round",
|
|
24
|
+
strokeWidth: 2,
|
|
25
|
+
d: "M3 6l2 2 4-4"
|
|
26
|
+
})));
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
export { SvgCheckSmFill as default };
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import * as React from 'react';
|
|
8
|
+
|
|
9
|
+
var _circle;
|
|
10
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
11
|
+
var SvgCircleSmFill = function SvgCircleSmFill(props) {
|
|
12
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
13
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
14
|
+
width: 12,
|
|
15
|
+
height: 12,
|
|
16
|
+
focusable: "false",
|
|
17
|
+
viewBox: "0 0 12 12",
|
|
18
|
+
"aria-hidden": "true"
|
|
19
|
+
}, props), _circle || (_circle = /*#__PURE__*/React.createElement("circle", {
|
|
20
|
+
cx: 6,
|
|
21
|
+
cy: 6,
|
|
22
|
+
r: 2,
|
|
23
|
+
fill: "currentColor"
|
|
24
|
+
})));
|
|
25
|
+
};
|
|
26
|
+
|
|
27
|
+
export { SvgCircleSmFill as default };
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import * as React from 'react';
|
|
8
|
+
|
|
9
|
+
var _path;
|
|
10
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
11
|
+
var SvgDashFill = function SvgDashFill(props) {
|
|
12
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
13
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
14
|
+
width: 12,
|
|
15
|
+
height: 12,
|
|
16
|
+
focusable: "false",
|
|
17
|
+
viewBox: "0 0 12 12",
|
|
18
|
+
"aria-hidden": "true"
|
|
19
|
+
}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
|
|
20
|
+
stroke: "currentColor",
|
|
21
|
+
strokeLinecap: "round",
|
|
22
|
+
strokeWidth: 2,
|
|
23
|
+
d: "M3 6h6"
|
|
24
|
+
})));
|
|
25
|
+
};
|
|
26
|
+
|
|
27
|
+
export { SvgDashFill as default };
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright Zendesk, Inc.
|
|
3
|
+
*
|
|
4
|
+
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
|
+
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
*/
|
|
7
|
+
import * as React from 'react';
|
|
8
|
+
|
|
9
|
+
var _path;
|
|
10
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
11
|
+
var SvgFileDocumentStroke = function SvgFileDocumentStroke(props) {
|
|
12
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
13
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
14
|
+
width: 12,
|
|
15
|
+
height: 12,
|
|
16
|
+
focusable: "false",
|
|
17
|
+
viewBox: "0 0 12 12",
|
|
18
|
+
"aria-hidden": "true"
|
|
19
|
+
}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
|
|
20
|
+
fill: "none",
|
|
21
|
+
stroke: "currentColor",
|
|
22
|
+
strokeLinecap: "round",
|
|
23
|
+
d: "M3.5 5.5h5m-5 2h5m-5 2h5m2-6.29V11c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V1c0-.28.22-.5.5-.5h5.79c.13 0 .26.05.35.15l2.21 2.21c.1.09.15.21.15.35zM7.5.5V3c0 .28.22.5.5.5h2.5"
|
|
24
|
+
})));
|
|
25
|
+
};
|
|
26
|
+
|
|
27
|
+
export { SvgFileDocumentStroke as default };
|