@dxc-technology/halstack-react 3.3.0 → 4.0.1
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/BackgroundColorContext.js → BackgroundColorContext.js} +0 -0
- package/ThemeContext.js +250 -0
- package/{dist/select/Select.js → V3Select/V3Select.js} +175 -189
- package/V3Select/index.d.ts +27 -0
- package/{dist/textarea/Textarea.js → V3Textarea/V3Textarea.js} +30 -26
- package/V3Textarea/index.d.ts +27 -0
- package/{dist/accordion → accordion}/Accordion.js +66 -59
- package/accordion/index.d.ts +28 -0
- package/{dist/accordion-group → accordion-group}/AccordionGroup.js +1 -3
- package/accordion-group/index.d.ts +16 -0
- package/{dist/alert → alert}/Alert.js +126 -111
- package/alert/index.d.ts +51 -0
- package/{dist/badge → badge}/Badge.js +0 -0
- package/{dist/box → box}/Box.js +1 -9
- package/box/index.d.ts +25 -0
- package/button/Button.js +238 -0
- package/button/Button.stories.js +27 -0
- package/button/index.d.ts +24 -0
- package/{dist/card → card}/Card.js +0 -0
- package/card/index.d.ts +22 -0
- package/{dist/checkbox → checkbox}/Checkbox.js +26 -21
- package/checkbox/index.d.ts +24 -0
- package/{dist/chip → chip}/Chip.js +21 -25
- package/chip/index.d.ts +22 -0
- package/{dist/common → common}/OpenSans.css +0 -0
- package/{dist/common → common}/RequiredComponent.js +0 -0
- package/{dist/common → common}/fonts/OpenSans-Bold.ttf +0 -0
- package/{dist/common → common}/fonts/OpenSans-BoldItalic.ttf +0 -0
- package/{dist/common → common}/fonts/OpenSans-ExtraBold.ttf +0 -0
- package/{dist/common → common}/fonts/OpenSans-ExtraBoldItalic.ttf +0 -0
- package/{dist/common → common}/fonts/OpenSans-Italic.ttf +0 -0
- package/{dist/common → common}/fonts/OpenSans-Light.ttf +0 -0
- package/{dist/common → common}/fonts/OpenSans-LightItalic.ttf +0 -0
- package/{dist/common → common}/fonts/OpenSans-Regular.ttf +0 -0
- package/{dist/common → common}/fonts/OpenSans-SemiBold.ttf +0 -0
- package/{dist/common → common}/fonts/OpenSans-SemiBoldItalic.ttf +0 -0
- package/{dist/common → common}/utils.js +0 -0
- package/common/variables.js +1567 -0
- package/{dist/date → date}/Date.js +7 -9
- package/date/index.d.ts +27 -0
- package/date-input/DateInput.js +400 -0
- package/date-input/index.d.ts +95 -0
- package/{dist/dialog → dialog}/Dialog.js +15 -32
- package/dialog/index.d.ts +18 -0
- package/{dist/dropdown → dropdown}/Dropdown.js +117 -66
- package/dropdown/index.d.ts +26 -0
- package/file-input/FileInput.js +644 -0
- package/file-input/FileItem.js +287 -0
- package/file-input/index.d.ts +81 -0
- package/{dist/footer → footer}/Footer.js +63 -49
- package/footer/Icons.js +77 -0
- package/footer/index.d.ts +25 -0
- package/{dist/header → header}/Header.js +123 -84
- package/header/Icons.js +59 -0
- package/header/index.d.ts +25 -0
- package/{dist/heading → heading}/Heading.js +13 -5
- package/heading/index.d.ts +17 -0
- package/input-text/Icons.js +22 -0
- package/{dist/input-text → input-text}/InputText.js +96 -63
- package/input-text/index.d.ts +36 -0
- package/{dist/layout → layout}/ApplicationLayout.js +5 -9
- package/layout/Icons.js +55 -0
- package/{dist/link → link}/Link.js +4 -8
- package/link/index.d.ts +23 -0
- package/main.d.ts +40 -0
- package/{dist/main.js → main.js} +62 -14
- package/number-input/NumberInput.js +136 -0
- package/number-input/NumberInputContext.js +16 -0
- package/number-input/index.d.ts +113 -0
- package/package.json +23 -17
- package/paginator/Icons.js +66 -0
- package/{dist/paginator → paginator}/Paginator.js +60 -38
- package/paginator/index.d.ts +20 -0
- package/password-input/PasswordInput.js +203 -0
- package/password-input/index.d.ts +94 -0
- package/{dist/progress-bar → progress-bar}/ProgressBar.js +63 -27
- package/progress-bar/index.d.ts +18 -0
- package/{dist/radio → radio}/Radio.js +0 -0
- package/radio/index.d.ts +23 -0
- package/{dist/resultsetTable → resultsetTable}/ResultsetTable.js +1 -1
- package/resultsetTable/index.d.ts +19 -0
- package/select/Select.js +1138 -0
- package/select/index.d.ts +131 -0
- package/{dist/sidenav → sidenav}/Sidenav.js +11 -15
- package/sidenav/index.d.ts +13 -0
- package/{dist/slider → slider}/Slider.js +155 -66
- package/slider/index.d.ts +29 -0
- package/spinner/Spinner.js +381 -0
- package/spinner/index.d.ts +17 -0
- package/{dist/switch → switch}/Switch.js +0 -0
- package/switch/index.d.ts +24 -0
- package/{dist/table → table}/Table.js +5 -1
- package/table/index.d.ts +13 -0
- package/{dist/tabs → tabs}/Tabs.js +0 -0
- package/tabs/index.d.ts +19 -0
- package/{dist/tag → tag}/Tag.js +37 -35
- package/tag/index.d.ts +24 -0
- package/text-input/TextInput.js +992 -0
- package/text-input/index.d.ts +135 -0
- package/textarea/Textarea.js +369 -0
- package/textarea/index.d.ts +117 -0
- package/{dist/toggle → toggle}/Toggle.js +0 -0
- package/toggle/index.d.ts +21 -0
- package/toggle-group/ToggleGroup.js +327 -0
- package/toggle-group/index.d.ts +21 -0
- package/{dist/upload → upload}/Upload.js +0 -0
- package/{dist/upload → upload}/buttons-upload/ButtonsUpload.js +12 -12
- package/upload/buttons-upload/Icons.js +40 -0
- package/{dist/upload → upload}/dragAndDropArea/DragAndDropArea.js +23 -19
- package/upload/dragAndDropArea/Icons.js +39 -0
- package/{dist/upload → upload}/file-upload/FileToUpload.js +27 -22
- package/upload/file-upload/Icons.js +66 -0
- package/{dist/upload → upload}/files-upload/FilesToUpload.js +0 -0
- package/upload/index.d.ts +15 -0
- package/upload/transaction/Icons.js +160 -0
- package/{dist/upload → upload}/transaction/Transaction.js +18 -41
- package/{dist/upload → upload}/transactions/Transactions.js +11 -11
- package/{dist/useTheme.js → useTheme.js} +0 -0
- package/wizard/Icons.js +65 -0
- package/{dist/wizard → wizard}/Wizard.js +11 -17
- package/wizard/index.d.ts +18 -0
- package/README.md +0 -66
- package/babel.config.js +0 -8
- package/dist/ThemeContext.js +0 -216
- package/dist/accordion/Accordion.stories.js +0 -207
- package/dist/accordion/readme.md +0 -96
- package/dist/accordion-group/AccordionGroup.stories.js +0 -207
- package/dist/accordion-group/readme.md +0 -70
- package/dist/alert/Alert.stories.js +0 -158
- package/dist/alert/close.svg +0 -4
- package/dist/alert/error.svg +0 -4
- package/dist/alert/info.svg +0 -4
- package/dist/alert/readme.md +0 -43
- package/dist/alert/success.svg +0 -4
- package/dist/alert/warning.svg +0 -4
- package/dist/button/Button.js +0 -232
- package/dist/button/Button.stories.js +0 -224
- package/dist/button/readme.md +0 -93
- package/dist/checkbox/Checkbox.stories.js +0 -144
- package/dist/checkbox/readme.md +0 -116
- package/dist/common/variables.js +0 -1158
- package/dist/date/Date.stories.js +0 -205
- package/dist/date/readme.md +0 -73
- package/dist/dialog/Dialog.stories.js +0 -217
- package/dist/dialog/readme.md +0 -32
- package/dist/dropdown/Dropdown.stories.js +0 -249
- package/dist/dropdown/baseline-arrow_drop_down.svg +0 -1
- package/dist/dropdown/baseline-arrow_drop_down_wh.svg +0 -4
- package/dist/dropdown/baseline-arrow_drop_up.svg +0 -1
- package/dist/dropdown/baseline-arrow_drop_up_wh.svg +0 -4
- package/dist/dropdown/readme.md +0 -69
- package/dist/footer/Footer.stories.js +0 -94
- package/dist/footer/dxc_logo.svg +0 -15
- package/dist/footer/readme.md +0 -41
- package/dist/header/Header.stories.js +0 -176
- package/dist/header/close_icon.svg +0 -1
- package/dist/header/dxc_logo_black.svg +0 -8
- package/dist/header/hamb_menu_black.svg +0 -1
- package/dist/header/hamb_menu_white.svg +0 -1
- package/dist/header/readme.md +0 -33
- package/dist/input-text/InputText.stories.js +0 -209
- package/dist/input-text/error.svg +0 -1
- package/dist/input-text/readme.md +0 -91
- package/dist/layout/facebook.svg +0 -45
- package/dist/layout/linkedin.svg +0 -50
- package/dist/layout/twitter.svg +0 -53
- package/dist/link/readme.md +0 -51
- package/dist/paginator/images/next.svg +0 -3
- package/dist/paginator/images/nextPage.svg +0 -3
- package/dist/paginator/images/previous.svg +0 -3
- package/dist/paginator/images/previousPage.svg +0 -3
- package/dist/paginator/readme.md +0 -50
- package/dist/progress-bar/ProgressBar.stories.js +0 -280
- package/dist/progress-bar/readme.md +0 -63
- package/dist/radio/Radio.stories.js +0 -166
- package/dist/radio/readme.md +0 -70
- package/dist/resultsetTable/arrow_downward-24px_wht.svg +0 -1
- package/dist/resultsetTable/arrow_upward-24px_wht.svg +0 -1
- package/dist/resultsetTable/unfold_more-24px_wht.svg +0 -1
- package/dist/select/Select.stories.js +0 -235
- package/dist/select/readme.md +0 -72
- package/dist/slider/Slider.stories.js +0 -241
- package/dist/slider/readme.md +0 -64
- package/dist/spinner/Spinner.js +0 -214
- package/dist/spinner/Spinner.stories.js +0 -183
- package/dist/spinner/readme.md +0 -65
- package/dist/switch/Switch.stories.js +0 -134
- package/dist/switch/readme.md +0 -133
- package/dist/tabs/Tabs.stories.js +0 -130
- package/dist/tabs/readme.md +0 -78
- package/dist/tabs-for-sections/TabsForSections.js +0 -92
- package/dist/tabs-for-sections/readme.md +0 -78
- package/dist/toggle/Toggle.stories.js +0 -297
- package/dist/toggle/readme.md +0 -80
- package/dist/toggle-group/ToggleGroup.js +0 -241
- package/dist/toggle-group/readme.md +0 -82
- package/dist/upload/Upload.stories.js +0 -72
- package/dist/upload/buttons-upload/drag-drop-icon.svg +0 -4
- package/dist/upload/buttons-upload/upload-button.svg +0 -1
- package/dist/upload/dragAndDropArea/upload_drop.svg +0 -4
- package/dist/upload/dragAndDropArea/upload_file.svg +0 -4
- package/dist/upload/file-upload/audio-icon.svg +0 -4
- package/dist/upload/file-upload/close.svg +0 -4
- package/dist/upload/file-upload/file-icon.svg +0 -4
- package/dist/upload/file-upload/video-icon.svg +0 -4
- package/dist/upload/readme.md +0 -37
- package/dist/upload/transaction/audio-icon-err.svg +0 -4
- package/dist/upload/transaction/audio-icon.svg +0 -4
- package/dist/upload/transaction/error-icon.svg +0 -4
- package/dist/upload/transaction/file-icon-err.svg +0 -4
- package/dist/upload/transaction/file-icon.svg +0 -4
- package/dist/upload/transaction/image-icon-err.svg +0 -4
- package/dist/upload/transaction/image-icon.svg +0 -4
- package/dist/upload/transaction/success-icon.svg +0 -4
- package/dist/upload/transaction/video-icon-err.svg +0 -4
- package/dist/upload/transaction/video-icon.svg +0 -4
- package/dist/wizard/invalid_icon.svg +0 -5
- package/dist/wizard/valid_icon.svg +0 -5
- package/dist/wizard/validation-wrong.svg +0 -6
- package/test/Accordion.test.js +0 -33
- package/test/AccordionGroup.test.js +0 -125
- package/test/Alert.test.js +0 -53
- package/test/Box.test.js +0 -10
- package/test/Button.test.js +0 -18
- package/test/Card.test.js +0 -30
- package/test/Checkbox.test.js +0 -45
- package/test/Chip.test.js +0 -25
- package/test/Date.test.js +0 -393
- package/test/Dialog.test.js +0 -23
- package/test/Dropdown.test.js +0 -130
- package/test/Footer.test.js +0 -99
- package/test/Header.test.js +0 -39
- package/test/Heading.test.js +0 -35
- package/test/InputText.test.js +0 -240
- package/test/Link.test.js +0 -43
- package/test/Paginator.test.js +0 -177
- package/test/ProgressBar.test.js +0 -35
- package/test/Radio.test.js +0 -37
- package/test/ResultsetTable.test.js +0 -330
- package/test/Select.test.js +0 -192
- package/test/Sidenav.test.js +0 -45
- package/test/Slider.test.js +0 -82
- package/test/Spinner.test.js +0 -27
- package/test/Switch.test.js +0 -45
- package/test/Table.test.js +0 -36
- package/test/Tabs.test.js +0 -109
- package/test/TabsForSections.test.js +0 -34
- package/test/Tag.test.js +0 -32
- package/test/TextArea.test.js +0 -52
- package/test/ToggleGroup.test.js +0 -81
- package/test/Upload.test.js +0 -60
- package/test/Wizard.test.js +0 -130
- package/test/mocks/pngMock.js +0 -1
- package/test/mocks/svgMock.js +0 -1
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="73" height="40" viewBox="0 0 73 40">
|
|
2
|
-
<g id="g10" transform="translate(0)">
|
|
3
|
-
<g id="g12">
|
|
4
|
-
<path id="path14" d="M91.613-28.177v2.514H90.231V-28.15l-2.415-3.82h1.616l1.5,2.532,1.526-2.532h1.571ZM83.9-25.555A3.15,3.15,0,0,1,80.6-28.8v-.018a3.231,3.231,0,0,1,3.294-3.262,3.442,3.442,0,0,1,2.469.865l-.87,1.054a2.311,2.311,0,0,0-1.643-.64,1.891,1.891,0,0,0-1.8,1.964v.018a1.886,1.886,0,0,0,1.9,2,2.2,2.2,0,0,0,1.3-.378v-.9H83.858v-1.2h2.729v2.738A4.071,4.071,0,0,1,83.9-25.555Zm-6.416-3.261a1.913,1.913,0,0,0-1.9-1.982A1.883,1.883,0,0,0,73.7-28.835v.018a1.913,1.913,0,0,0,1.9,1.982A1.883,1.883,0,0,0,77.486-28.8Zm-1.9,3.261a3.225,3.225,0,0,1-3.33-3.243v-.018A3.255,3.255,0,0,1,75.6-32.078a3.225,3.225,0,0,1,3.331,3.243v.018A3.255,3.255,0,0,1,75.583-25.555Zm-9.173-.108V-31.97h1.382v5.045h3.133v1.261Zm-3.433-3.153a1.913,1.913,0,0,0-1.9-1.982,1.883,1.883,0,0,0-1.886,1.964v.018a1.913,1.913,0,0,0,1.9,1.982A1.883,1.883,0,0,0,62.978-28.8Zm-1.9,3.261a3.225,3.225,0,0,1-3.33-3.243v-.018a3.255,3.255,0,0,1,3.348-3.262,3.225,3.225,0,0,1,3.331,3.243v.018A3.255,3.255,0,0,1,61.075-25.555Zm-6.508-.108-3.043-4.009v4.009H50.159V-31.97h1.275l2.944,3.883V-31.97h1.364v6.306Zm-8.246,0v-2.531h-2.55v2.531H42.389V-31.97h1.382v2.5h2.55v-2.5H47.7v6.306Zm-8.432.108A3.178,3.178,0,0,1,34.666-28.8v-.018a3.2,3.2,0,0,1,3.276-3.262,3.237,3.237,0,0,1,2.478.973l-.88,1.018a2.315,2.315,0,0,0-1.606-.712,1.866,1.866,0,0,0-1.822,1.964v.018a1.87,1.87,0,0,0,1.822,1.982,2.265,2.265,0,0,0,1.651-.739l.88.891A3.206,3.206,0,0,1,37.889-25.555Zm-9.805-.108V-31.97h4.739v1.235H29.458v1.279h2.962v1.234H29.458V-26.9h3.411v1.234ZM24.322-30.69v5.027H22.939V-30.69H21.028v-1.28h5.206v1.28H24.322" transform="translate(-21.028 65.555)" fill="#100f0d"/>
|
|
5
|
-
<path id="path16" d="M75.836-76.712a8.975,8.975,0,0,1,2.246-3.9,8.393,8.393,0,0,1,6.058-2.457h9.824v-5.67H84.139a14.611,14.611,0,0,0-10.232,4.221,14.509,14.509,0,0,0-3.076,4.536,11.913,11.913,0,0,0-.973,3.271Zm0,4.325a8.978,8.978,0,0,0,2.246,3.9,8.394,8.394,0,0,0,6.058,2.457h9.824v5.67H84.139A14.611,14.611,0,0,1,73.907-64.58a14.506,14.506,0,0,1-3.076-4.536,11.91,11.91,0,0,1-.973-3.271ZM57.522-69.832l-7.5,9.473H42.581L53.818-74.55,42.581-88.739H50.02l7.5,9.472,7.5-9.472h7.439L61.225-74.55l11.237,14.19H65.023Zm-12.336-6.88a11.935,11.935,0,0,0-.973-3.271,14.515,14.515,0,0,0-3.076-4.536A14.612,14.612,0,0,0,30.9-88.739H21.081v5.67H30.9a8.394,8.394,0,0,1,6.058,2.457,8.978,8.978,0,0,1,2.246,3.9Zm0,4.325a11.932,11.932,0,0,1-.973,3.271,14.511,14.511,0,0,1-3.076,4.536A14.611,14.611,0,0,1,30.9-60.359H21.081v-5.67H30.9a8.4,8.4,0,0,0,6.058-2.457,8.981,8.981,0,0,0,2.246-3.9h5.978" transform="translate(-21.049 88.739)" fill="#100f0d"/>
|
|
6
|
-
</g>
|
|
7
|
-
</g>
|
|
8
|
-
</svg>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3,8H21a1,1,0,0,0,0-2H3A1,1,0,0,0,3,8Zm18,8H3a1,1,0,0,0,0,2H21a1,1,0,0,0,0-2Zm0-5H3a1,1,0,0,0,0,2H21a1,1,0,0,0,0-2Z" fill="black"/></svg>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3,8H21a1,1,0,0,0,0-2H3A1,1,0,0,0,3,8Zm18,8H3a1,1,0,0,0,0,2H21a1,1,0,0,0,0-2Zm0-5H3a1,1,0,0,0,0,2H21a1,1,0,0,0,0-2Z" fill="white"/></svg>
|
package/dist/header/readme.md
DELETED
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
# DXC Header Component
|
|
2
|
-
|
|
3
|
-
## Props
|
|
4
|
-
|
|
5
|
-
<table>
|
|
6
|
-
<tr style="background-color: grey">
|
|
7
|
-
<td>Name</td>
|
|
8
|
-
<td>Default</td>
|
|
9
|
-
<td>Description</td>
|
|
10
|
-
</tr>
|
|
11
|
-
<tr>
|
|
12
|
-
<td>theme: 'light' | 'dark'</td>
|
|
13
|
-
<td><code>'light'</code></td>
|
|
14
|
-
<td>Uses one of the available component themes.</td>
|
|
15
|
-
</tr>
|
|
16
|
-
<tr>
|
|
17
|
-
<td>underline: boolean</td>
|
|
18
|
-
<td><code>false</code></td>
|
|
19
|
-
<td>Wether a contrast line should appear at the bottom of the header.</td>
|
|
20
|
-
</tr>
|
|
21
|
-
<tr>
|
|
22
|
-
<td>logoSrc: string</td>
|
|
23
|
-
<td><code>'default'</code></td>
|
|
24
|
-
<td>The path of an icon to replace the theme logo.</td>
|
|
25
|
-
</tr>
|
|
26
|
-
<tr>
|
|
27
|
-
<td>onClick: function</td>
|
|
28
|
-
<td></td>
|
|
29
|
-
<td>This function will be called when the user clicks the header logo.<br>
|
|
30
|
-
</td>
|
|
31
|
-
</tr>
|
|
32
|
-
</table>
|
|
33
|
-
|
|
@@ -1,209 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
6
|
-
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
|
|
9
|
-
var _react2 = require("@storybook/react");
|
|
10
|
-
|
|
11
|
-
var _addonActions = require("@storybook/addon-actions");
|
|
12
|
-
|
|
13
|
-
var _addonKnobs = require("@storybook/addon-knobs");
|
|
14
|
-
|
|
15
|
-
var _amazon = _interopRequireDefault(require("../../.storybook/public/amazon.svg"));
|
|
16
|
-
|
|
17
|
-
var _readme = _interopRequireDefault(require("./readme.md"));
|
|
18
|
-
|
|
19
|
-
var _InputText = _interopRequireDefault(require("./InputText"));
|
|
20
|
-
|
|
21
|
-
var onChange = (0, _addonActions.action)("onChange");
|
|
22
|
-
|
|
23
|
-
onChange.toString = function () {
|
|
24
|
-
return "onChangeHandler";
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
var onBlur = (0, _addonActions.action)("onBlur");
|
|
28
|
-
|
|
29
|
-
onBlur.toString = function () {
|
|
30
|
-
return "onBlurHandler";
|
|
31
|
-
};
|
|
32
|
-
|
|
33
|
-
var onClickIcon = (0, _addonActions.action)("onClickIcon");
|
|
34
|
-
|
|
35
|
-
onClickIcon.toString = function () {
|
|
36
|
-
return "onClickIconHandler";
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
(0, _react2.storiesOf)("Form Components|Text", module).add("Component", function () {
|
|
40
|
-
return _react["default"].createElement("div", null, _react["default"].createElement("h3", null, "Light"), _react["default"].createElement("div", null, _react["default"].createElement(_InputText["default"], {
|
|
41
|
-
disabled: false,
|
|
42
|
-
label: "Normal Input",
|
|
43
|
-
error: false,
|
|
44
|
-
value: "Test Value",
|
|
45
|
-
onChange: onChange,
|
|
46
|
-
onBlur: onBlur,
|
|
47
|
-
required: true,
|
|
48
|
-
assistiveText: "Assistive Text Here"
|
|
49
|
-
}), _react["default"].createElement(_InputText["default"], {
|
|
50
|
-
disabled: false,
|
|
51
|
-
label: "With Assistive Text",
|
|
52
|
-
assistiveText: "Assistive Text Here",
|
|
53
|
-
error: true,
|
|
54
|
-
onChange: onChange,
|
|
55
|
-
onBlur: onBlur,
|
|
56
|
-
required: true
|
|
57
|
-
}), _react["default"].createElement(_InputText["default"], {
|
|
58
|
-
disabled: false,
|
|
59
|
-
label: "With Prefix text",
|
|
60
|
-
prefijo: "Kg",
|
|
61
|
-
onChange: onChange,
|
|
62
|
-
onBlur: onBlur,
|
|
63
|
-
assistiveText: "Assistive Text Here"
|
|
64
|
-
}), _react["default"].createElement(_InputText["default"], {
|
|
65
|
-
disabled: true,
|
|
66
|
-
label: "With Sufix text",
|
|
67
|
-
sufix: "\u20AC",
|
|
68
|
-
onChange: onChange,
|
|
69
|
-
onBlur: onBlur
|
|
70
|
-
}), _react["default"].createElement(_InputText["default"], {
|
|
71
|
-
disabled: true,
|
|
72
|
-
label: "With Prefix icon",
|
|
73
|
-
prefijoIconSrc: _amazon["default"],
|
|
74
|
-
onChange: onChange,
|
|
75
|
-
onBlur: onBlur,
|
|
76
|
-
onClickIcon: onClickIcon
|
|
77
|
-
}), _react["default"].createElement(_InputText["default"], {
|
|
78
|
-
disabled: true,
|
|
79
|
-
label: "With Sufix icon",
|
|
80
|
-
sufixIconSrc: _amazon["default"],
|
|
81
|
-
onChange: onChange,
|
|
82
|
-
onBlur: onBlur,
|
|
83
|
-
onClickIcon: onClickIcon
|
|
84
|
-
}), _react["default"].createElement(_InputText["default"], {
|
|
85
|
-
disabled: false,
|
|
86
|
-
label: "With Sufix icon",
|
|
87
|
-
sufixIconSrc: _amazon["default"],
|
|
88
|
-
onChange: onChange,
|
|
89
|
-
onBlur: onBlur,
|
|
90
|
-
onClickIcon: onClickIcon
|
|
91
|
-
}), _react["default"].createElement(_InputText["default"], {
|
|
92
|
-
disabled: false,
|
|
93
|
-
label: "Multiline",
|
|
94
|
-
multiline: true,
|
|
95
|
-
onChange: onChange,
|
|
96
|
-
onBlur: onBlur,
|
|
97
|
-
onClickIcon: onClickIcon
|
|
98
|
-
})), _react["default"].createElement("h3", null, "Dark"), _react["default"].createElement("div", {
|
|
99
|
-
style: {
|
|
100
|
-
background: "black"
|
|
101
|
-
}
|
|
102
|
-
}, _react["default"].createElement(_InputText["default"], {
|
|
103
|
-
disabled: false,
|
|
104
|
-
theme: "dark",
|
|
105
|
-
label: "Normal Input",
|
|
106
|
-
error: false,
|
|
107
|
-
value: "Test Value",
|
|
108
|
-
onChange: onChange,
|
|
109
|
-
onBlur: onBlur,
|
|
110
|
-
required: true,
|
|
111
|
-
assistiveText: "Assistive Text Here"
|
|
112
|
-
}), _react["default"].createElement(_InputText["default"], {
|
|
113
|
-
disabled: false,
|
|
114
|
-
theme: "dark",
|
|
115
|
-
label: "With Assistive Text",
|
|
116
|
-
assistiveText: "Assistive Text Here",
|
|
117
|
-
error: true,
|
|
118
|
-
onChange: onChange,
|
|
119
|
-
onBlur: onBlur,
|
|
120
|
-
required: true
|
|
121
|
-
}), _react["default"].createElement(_InputText["default"], {
|
|
122
|
-
disabled: false,
|
|
123
|
-
theme: "dark",
|
|
124
|
-
label: "With Prefix text",
|
|
125
|
-
prefijo: "Kg",
|
|
126
|
-
onChange: onChange,
|
|
127
|
-
onBlur: onBlur,
|
|
128
|
-
assistiveText: "Assistive Text Here"
|
|
129
|
-
}), _react["default"].createElement(_InputText["default"], {
|
|
130
|
-
disabled: true,
|
|
131
|
-
label: "With Sufix text",
|
|
132
|
-
sufix: "\u20AC",
|
|
133
|
-
theme: "dark",
|
|
134
|
-
onChange: onChange,
|
|
135
|
-
onBlur: onBlur
|
|
136
|
-
}), _react["default"].createElement(_InputText["default"], {
|
|
137
|
-
disabled: false,
|
|
138
|
-
theme: "dark",
|
|
139
|
-
label: "With Prefix icon",
|
|
140
|
-
prefijoIconSrc: _amazon["default"],
|
|
141
|
-
onChange: onChange,
|
|
142
|
-
onBlur: onBlur,
|
|
143
|
-
onClickIcon: onClickIcon
|
|
144
|
-
}), _react["default"].createElement(_InputText["default"], {
|
|
145
|
-
disabled: false,
|
|
146
|
-
theme: "dark",
|
|
147
|
-
label: "With Sufix icon",
|
|
148
|
-
sufixIconSrc: _amazon["default"],
|
|
149
|
-
onChange: onChange,
|
|
150
|
-
onBlur: onBlur,
|
|
151
|
-
onClickIcon: onClickIcon
|
|
152
|
-
}), _react["default"].createElement(_InputText["default"], {
|
|
153
|
-
disabled: false,
|
|
154
|
-
theme: "dark",
|
|
155
|
-
label: "With Sufix icon",
|
|
156
|
-
sufixIconSrc: _amazon["default"],
|
|
157
|
-
onChange: onChange,
|
|
158
|
-
onBlur: onBlur,
|
|
159
|
-
onClickIcon: onClickIcon
|
|
160
|
-
}), _react["default"].createElement(_InputText["default"], {
|
|
161
|
-
disabled: false,
|
|
162
|
-
label: "Multiline",
|
|
163
|
-
multiline: true,
|
|
164
|
-
sufix: "\u20AC",
|
|
165
|
-
prefijo: "Kg",
|
|
166
|
-
theme: "dark",
|
|
167
|
-
onChange: onChange,
|
|
168
|
-
onBlur: onBlur,
|
|
169
|
-
onClickIcon: onClickIcon
|
|
170
|
-
})));
|
|
171
|
-
}, {
|
|
172
|
-
notes: {
|
|
173
|
-
markdown: _readme["default"]
|
|
174
|
-
}
|
|
175
|
-
});
|
|
176
|
-
|
|
177
|
-
var knobProps = function knobProps() {
|
|
178
|
-
return {
|
|
179
|
-
label: (0, _addonKnobs.text)("Label", "Test Label"),
|
|
180
|
-
theme: (0, _addonKnobs.select)("Theme", {
|
|
181
|
-
light: "light",
|
|
182
|
-
dark: "dark"
|
|
183
|
-
}, "light"),
|
|
184
|
-
assistiveText: (0, _addonKnobs.text)("Assistive text", "Helper text"),
|
|
185
|
-
disabled: (0, _addonKnobs["boolean"])("Disabled", false),
|
|
186
|
-
prefijo: (0, _addonKnobs.text)("Prefix word", ""),
|
|
187
|
-
sufix: (0, _addonKnobs.text)("Sufix word", ""),
|
|
188
|
-
required: (0, _addonKnobs["boolean"])("Required", false),
|
|
189
|
-
error: (0, _addonKnobs["boolean"])("Error", false),
|
|
190
|
-
multiline: (0, _addonKnobs["boolean"])("Multiline", false)
|
|
191
|
-
};
|
|
192
|
-
};
|
|
193
|
-
|
|
194
|
-
(0, _react2.storiesOf)("Form Components|Text", module).add("Knobs example", function () {
|
|
195
|
-
var props = knobProps();
|
|
196
|
-
return _react["default"].createElement("div", {
|
|
197
|
-
style: {
|
|
198
|
-
background: props.theme === "dark" && "black" || "transparent"
|
|
199
|
-
}
|
|
200
|
-
}, _react["default"].createElement(_InputText["default"], (0, _extends2["default"])({}, props, {
|
|
201
|
-
onChange: onChange,
|
|
202
|
-
onBlur: onBlur,
|
|
203
|
-
onClickIcon: onClickIcon
|
|
204
|
-
})));
|
|
205
|
-
}, {
|
|
206
|
-
notes: {
|
|
207
|
-
markdown: _readme["default"]
|
|
208
|
-
}
|
|
209
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" style=""><rect id="backgroundrect" width="100%" height="100%" x="0" y="0" fill="none" stroke="none"/><g class="currentLayer" style=""><title>Layer 1</title><path d="M0 0h24v24H0V0z" fill="transparent" id="svg_1" class="" stroke="transparent" stroke-opacity="1" fill-opacity="1"/><path d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" id="svg_2" class="selected" stroke="#eb1a1a" stroke-opacity="1" fill="#FF6161" fill-opacity="1"/></g></svg>
|
|
@@ -1,91 +0,0 @@
|
|
|
1
|
-
# DXC Input Text Component
|
|
2
|
-
|
|
3
|
-
## Props
|
|
4
|
-
|
|
5
|
-
<table>
|
|
6
|
-
<tr style="background-color: grey">
|
|
7
|
-
<td>Name</td>
|
|
8
|
-
<td>Default</td>
|
|
9
|
-
<td>Description</td>
|
|
10
|
-
</tr>
|
|
11
|
-
<tr>
|
|
12
|
-
<td>value: string</td>
|
|
13
|
-
<td><code></code></td>
|
|
14
|
-
<td>The value of the input element.</td>
|
|
15
|
-
</tr>
|
|
16
|
-
<tr>
|
|
17
|
-
<td>label: string</td>
|
|
18
|
-
<td></td>
|
|
19
|
-
<td>Text to be placed next to the input.</td>
|
|
20
|
-
</tr>
|
|
21
|
-
<tr>
|
|
22
|
-
<td>assistiveText: string</td>
|
|
23
|
-
<td></td>
|
|
24
|
-
<td>Assistive text to be placed at the bottom of the input.</td>
|
|
25
|
-
</tr>
|
|
26
|
-
<tr>
|
|
27
|
-
<td>prefix: string</td>
|
|
28
|
-
<td></td>
|
|
29
|
-
<td>A prefix to be placed before the input value. Use prefixIconSrc in case the prefix needs to be an icon.</td>
|
|
30
|
-
</tr>
|
|
31
|
-
<tr>
|
|
32
|
-
<td>suffix: string</td>
|
|
33
|
-
<td></td>
|
|
34
|
-
<td>A suffix to be placed after the input value. Use suffixIconSrc in case the suffix needs to be an icon.</td>
|
|
35
|
-
</tr>
|
|
36
|
-
<tr>
|
|
37
|
-
<td>prefixIconSrc: string</td>
|
|
38
|
-
<td></td>
|
|
39
|
-
<td>The path of an icon to be placed before the input value.</td>
|
|
40
|
-
</tr>
|
|
41
|
-
<tr>
|
|
42
|
-
<td>suffixIconSrc: string</td>
|
|
43
|
-
<td></td>
|
|
44
|
-
<td>The path of an icon to be placed after the input value.</td>
|
|
45
|
-
</tr>
|
|
46
|
-
<tr>
|
|
47
|
-
<td>theme: 'light' | 'dark'</td>
|
|
48
|
-
<td><code>'light'</code></td>
|
|
49
|
-
<td>Uses one of the available component themes.</td>
|
|
50
|
-
</tr>
|
|
51
|
-
<tr>
|
|
52
|
-
<td>name: string</td>
|
|
53
|
-
<td></td>
|
|
54
|
-
<td>Name attribute of the input element.</td>
|
|
55
|
-
</tr>
|
|
56
|
-
<tr>
|
|
57
|
-
<td>disabled: boolean</td>
|
|
58
|
-
<td><code>false</code></td>
|
|
59
|
-
<td>If true, the component will be disabled.</td>
|
|
60
|
-
</tr>
|
|
61
|
-
<tr>
|
|
62
|
-
<td>required: boolean</td>
|
|
63
|
-
<td><code>false</code></td>
|
|
64
|
-
<td>If true, the input will change its appearence, showing that the value is required.</td>
|
|
65
|
-
</tr>
|
|
66
|
-
<tr>
|
|
67
|
-
<td>invalid: boolean</td>
|
|
68
|
-
<td><code>false</code></td>
|
|
69
|
-
<td>If true, the input will change its appearence, showing that the value is valid.</td>
|
|
70
|
-
</tr>
|
|
71
|
-
<tr>
|
|
72
|
-
<td>multiline: boolean</td>
|
|
73
|
-
<td><code>false</code></td>
|
|
74
|
-
<td>If true, a resizable text area will be displayed.</td>
|
|
75
|
-
</tr>
|
|
76
|
-
<tr>
|
|
77
|
-
<td>onChange: function</td>
|
|
78
|
-
<td></td>
|
|
79
|
-
<td>This function will be called when the user changes the value of the input. The new value will be passed as a parameter.</td>
|
|
80
|
-
</tr>
|
|
81
|
-
<tr>
|
|
82
|
-
<td>onBlur: function</td>
|
|
83
|
-
<td></td>
|
|
84
|
-
<td>This function will be called when the focus moves away from the input. The input value will be passed as a parameter.</td>
|
|
85
|
-
</tr>
|
|
86
|
-
<tr>
|
|
87
|
-
<td>onClickIcon: function</td>
|
|
88
|
-
<td></td>
|
|
89
|
-
<td>This function will be called when either of the two icons, prefixIcon or sufixIcon, is clicked.</td>
|
|
90
|
-
</tr>
|
|
91
|
-
</table>
|
package/dist/layout/facebook.svg
DELETED
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
<?xml version="1.0" encoding="iso-8859-1"?>
|
|
2
|
-
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
3
|
-
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
|
4
|
-
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
5
|
-
width="438.536px" height="438.536px" viewBox="0 0 438.536 438.536" style="enable-background:new 0 0 438.536 438.536;"
|
|
6
|
-
xml:space="preserve" fill="#FFFFFF">
|
|
7
|
-
<g>
|
|
8
|
-
<path d="M414.41,24.123C398.333,8.042,378.963,0,356.315,0H82.228C59.58,0,40.21,8.042,24.126,24.123
|
|
9
|
-
C8.045,40.207,0.003,59.576,0.003,82.225v274.084c0,22.647,8.042,42.018,24.123,58.102c16.084,16.084,35.454,24.126,58.102,24.126
|
|
10
|
-
h274.084c22.648,0,42.018-8.042,58.095-24.126c16.084-16.084,24.126-35.454,24.126-58.102V82.225
|
|
11
|
-
C438.532,59.576,430.49,40.204,414.41,24.123z M373.155,225.548h-49.963V406.84h-74.802V225.548H210.99V163.02h37.401v-37.402
|
|
12
|
-
c0-26.838,6.283-47.107,18.843-60.813c12.559-13.706,33.304-20.555,62.242-20.555h49.963v62.526h-31.401
|
|
13
|
-
c-10.663,0-17.467,1.853-20.417,5.568c-2.949,3.711-4.428,10.23-4.428,19.558v31.119h56.534L373.155,225.548z"/>
|
|
14
|
-
</g>
|
|
15
|
-
<g>
|
|
16
|
-
</g>
|
|
17
|
-
<g>
|
|
18
|
-
</g>
|
|
19
|
-
<g>
|
|
20
|
-
</g>
|
|
21
|
-
<g>
|
|
22
|
-
</g>
|
|
23
|
-
<g>
|
|
24
|
-
</g>
|
|
25
|
-
<g>
|
|
26
|
-
</g>
|
|
27
|
-
<g>
|
|
28
|
-
</g>
|
|
29
|
-
<g>
|
|
30
|
-
</g>
|
|
31
|
-
<g>
|
|
32
|
-
</g>
|
|
33
|
-
<g>
|
|
34
|
-
</g>
|
|
35
|
-
<g>
|
|
36
|
-
</g>
|
|
37
|
-
<g>
|
|
38
|
-
</g>
|
|
39
|
-
<g>
|
|
40
|
-
</g>
|
|
41
|
-
<g>
|
|
42
|
-
</g>
|
|
43
|
-
<g>
|
|
44
|
-
</g>
|
|
45
|
-
</svg>
|
package/dist/layout/linkedin.svg
DELETED
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
<?xml version="1.0" encoding="iso-8859-1"?>
|
|
2
|
-
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
3
|
-
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
|
4
|
-
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
5
|
-
width="438.536px" height="438.536px" viewBox="0 0 438.536 438.536" style="enable-background:new 0 0 438.536 438.536;"
|
|
6
|
-
xml:space="preserve" fill="#FFFFFF">
|
|
7
|
-
<g>
|
|
8
|
-
<path d="M414.41,24.123C398.333,8.042,378.963,0,356.315,0H82.228C59.58,0,40.21,8.042,24.126,24.123
|
|
9
|
-
C8.045,40.207,0.003,59.576,0.003,82.225v274.084c0,22.647,8.042,42.018,24.123,58.102c16.084,16.084,35.454,24.126,58.102,24.126
|
|
10
|
-
h274.084c22.648,0,42.018-8.042,58.095-24.126c16.084-16.084,24.126-35.454,24.126-58.102V82.225
|
|
11
|
-
C438.532,59.576,430.49,40.204,414.41,24.123z M133.618,367.157H67.666V169.016h65.952V367.157z M127.626,132.332
|
|
12
|
-
c-6.851,6.567-15.893,9.851-27.124,9.851h-0.288c-10.848,0-19.648-3.284-26.407-9.851c-6.76-6.567-10.138-14.703-10.138-24.41
|
|
13
|
-
c0-9.897,3.476-18.083,10.421-24.556c6.95-6.471,15.942-9.708,26.98-9.708c11.039,0,19.89,3.237,26.553,9.708
|
|
14
|
-
c6.661,6.473,10.088,14.659,10.277,24.556C137.899,117.625,134.477,125.761,127.626,132.332z M370.873,367.157h-65.952v-105.92
|
|
15
|
-
c0-29.879-11.036-44.823-33.116-44.823c-8.374,0-15.42,2.331-21.128,6.995c-5.715,4.661-9.996,10.324-12.847,16.991
|
|
16
|
-
c-1.335,3.422-1.999,8.75-1.999,15.981v110.775h-65.952c0.571-119.529,0.571-185.579,0-198.142h65.952v27.974
|
|
17
|
-
c13.867-21.681,33.558-32.544,59.101-32.544c22.84,0,41.21,7.52,55.104,22.554c13.895,15.037,20.841,37.214,20.841,66.519v113.64
|
|
18
|
-
H370.873z"/>
|
|
19
|
-
</g>
|
|
20
|
-
<g>
|
|
21
|
-
</g>
|
|
22
|
-
<g>
|
|
23
|
-
</g>
|
|
24
|
-
<g>
|
|
25
|
-
</g>
|
|
26
|
-
<g>
|
|
27
|
-
</g>
|
|
28
|
-
<g>
|
|
29
|
-
</g>
|
|
30
|
-
<g>
|
|
31
|
-
</g>
|
|
32
|
-
<g>
|
|
33
|
-
</g>
|
|
34
|
-
<g>
|
|
35
|
-
</g>
|
|
36
|
-
<g>
|
|
37
|
-
</g>
|
|
38
|
-
<g>
|
|
39
|
-
</g>
|
|
40
|
-
<g>
|
|
41
|
-
</g>
|
|
42
|
-
<g>
|
|
43
|
-
</g>
|
|
44
|
-
<g>
|
|
45
|
-
</g>
|
|
46
|
-
<g>
|
|
47
|
-
</g>
|
|
48
|
-
<g>
|
|
49
|
-
</g>
|
|
50
|
-
</svg>
|
package/dist/layout/twitter.svg
DELETED
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
<?xml version="1.0" encoding="iso-8859-1"?>
|
|
2
|
-
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
3
|
-
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
|
4
|
-
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
5
|
-
width="438.536px" height="438.536px" viewBox="0 0 438.536 438.536" style="enable-background:new 0 0 438.536 438.536;"
|
|
6
|
-
xml:space="preserve" fill="#FFFFFF">
|
|
7
|
-
<g>
|
|
8
|
-
<path d="M414.41,24.123C398.333,8.042,378.963,0,356.315,0H82.228C59.58,0,40.21,8.042,24.126,24.123
|
|
9
|
-
C8.045,40.207,0.003,59.576,0.003,82.225v274.084c0,22.647,8.042,42.018,24.123,58.102c16.084,16.084,35.454,24.126,58.102,24.126
|
|
10
|
-
h274.084c22.648,0,42.018-8.042,58.095-24.126c16.084-16.084,24.126-35.454,24.126-58.102V82.225
|
|
11
|
-
C438.532,59.576,430.49,40.204,414.41,24.123z M335.471,168.735c0.191,1.713,0.288,4.278,0.288,7.71
|
|
12
|
-
c0,15.989-2.334,32.025-6.995,48.104c-4.661,16.087-11.8,31.504-21.416,46.254c-9.606,14.749-21.074,27.791-34.396,39.115
|
|
13
|
-
c-13.325,11.32-29.311,20.365-47.968,27.117c-18.648,6.762-38.637,10.143-59.953,10.143c-33.116,0-63.76-8.952-91.931-26.836
|
|
14
|
-
c4.568,0.568,9.329,0.855,14.275,0.855c27.6,0,52.439-8.565,74.519-25.7c-12.941-0.185-24.506-4.179-34.688-11.991
|
|
15
|
-
c-10.185-7.803-17.273-17.699-21.271-29.691c4.947,0.76,8.658,1.137,11.132,1.137c4.187,0,9.042-0.76,14.56-2.279
|
|
16
|
-
c-13.894-2.669-25.598-9.562-35.115-20.697c-9.519-11.136-14.277-23.84-14.277-38.114v-0.571
|
|
17
|
-
c10.085,4.755,19.602,7.229,28.549,7.422c-17.321-11.613-25.981-28.265-25.981-49.963c0-10.66,2.758-20.747,8.278-30.264
|
|
18
|
-
c15.035,18.464,33.311,33.213,54.816,44.252c21.507,11.038,44.54,17.227,69.092,18.558c-0.95-3.616-1.427-8.186-1.427-13.704
|
|
19
|
-
c0-16.562,5.853-30.692,17.56-42.399c11.703-11.706,25.837-17.561,42.394-17.561c17.515,0,32.079,6.283,43.688,18.846
|
|
20
|
-
c13.134-2.474,25.892-7.33,38.26-14.56c-4.757,14.652-13.613,25.788-26.55,33.402c12.368-1.716,23.88-4.95,34.537-9.708
|
|
21
|
-
C357.458,149.793,347.462,160.166,335.471,168.735z"/>
|
|
22
|
-
</g>
|
|
23
|
-
<g>
|
|
24
|
-
</g>
|
|
25
|
-
<g>
|
|
26
|
-
</g>
|
|
27
|
-
<g>
|
|
28
|
-
</g>
|
|
29
|
-
<g>
|
|
30
|
-
</g>
|
|
31
|
-
<g>
|
|
32
|
-
</g>
|
|
33
|
-
<g>
|
|
34
|
-
</g>
|
|
35
|
-
<g>
|
|
36
|
-
</g>
|
|
37
|
-
<g>
|
|
38
|
-
</g>
|
|
39
|
-
<g>
|
|
40
|
-
</g>
|
|
41
|
-
<g>
|
|
42
|
-
</g>
|
|
43
|
-
<g>
|
|
44
|
-
</g>
|
|
45
|
-
<g>
|
|
46
|
-
</g>
|
|
47
|
-
<g>
|
|
48
|
-
</g>
|
|
49
|
-
<g>
|
|
50
|
-
</g>
|
|
51
|
-
<g>
|
|
52
|
-
</g>
|
|
53
|
-
</svg>
|
package/dist/link/readme.md
DELETED
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
# DXC Input Text Component
|
|
2
|
-
|
|
3
|
-
## Props
|
|
4
|
-
|
|
5
|
-
<table>
|
|
6
|
-
<tr style="background-color: grey">
|
|
7
|
-
<td>Name</td>
|
|
8
|
-
<td>Default</td>
|
|
9
|
-
<td>Description</td>
|
|
10
|
-
</tr>
|
|
11
|
-
<tr>
|
|
12
|
-
<td>underlined: 'boolean'</td>
|
|
13
|
-
<td><code>false</code></td>
|
|
14
|
-
<td>If true, the text is underlined.</td>
|
|
15
|
-
</tr>
|
|
16
|
-
<tr>
|
|
17
|
-
<td>color: boolean</td>
|
|
18
|
-
<td><code>false</code></td>
|
|
19
|
-
<td>If true, the link have the default colors.</td>
|
|
20
|
-
</tr>
|
|
21
|
-
<tr>
|
|
22
|
-
<td>text: string</td>
|
|
23
|
-
<td></td>
|
|
24
|
-
<td>Link text.</td>
|
|
25
|
-
</tr>
|
|
26
|
-
<tr>
|
|
27
|
-
<td>iconSrc: string</td>
|
|
28
|
-
<td></td>
|
|
29
|
-
<td>Source of the icon.</td>
|
|
30
|
-
</tr>
|
|
31
|
-
<tr>
|
|
32
|
-
<td>iconPosition: 'before' | 'after'</td>
|
|
33
|
-
<td><code>before</code></td>
|
|
34
|
-
<td>Indicates the position of the icon in the component.</td>
|
|
35
|
-
</tr>
|
|
36
|
-
<tr>
|
|
37
|
-
<td>href: string</td>
|
|
38
|
-
<td></td>
|
|
39
|
-
<td>Page to be opened when the user clicks on the link.</td>
|
|
40
|
-
</tr>
|
|
41
|
-
<tr>
|
|
42
|
-
<td>theme: 'light' | 'dark'</td>
|
|
43
|
-
<td><code>light</code></td>
|
|
44
|
-
<td>Theme of the component.</td>
|
|
45
|
-
</tr>
|
|
46
|
-
<tr>
|
|
47
|
-
<td>newWindow: boolean</td>
|
|
48
|
-
<td><code>false</code></td>
|
|
49
|
-
<td>If true, the page is opened in a new browser tab.</td>
|
|
50
|
-
</tr>
|
|
51
|
-
</table>
|
package/dist/paginator/readme.md
DELETED
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
# DXC Paginator Component
|
|
2
|
-
|
|
3
|
-
## Props
|
|
4
|
-
|
|
5
|
-
<table>
|
|
6
|
-
<tr style="background-color: grey">
|
|
7
|
-
<td>Name</td>
|
|
8
|
-
<td>Default</td>
|
|
9
|
-
<td>Description</td>
|
|
10
|
-
</tr>
|
|
11
|
-
<tr>
|
|
12
|
-
<td>currentPage: number</td>
|
|
13
|
-
<td><code>1</code></td>
|
|
14
|
-
<td>Current page.</td>
|
|
15
|
-
</tr>
|
|
16
|
-
<tr>
|
|
17
|
-
<td>itemsPerPage: number</td>
|
|
18
|
-
<td><code>5</code></td>
|
|
19
|
-
<td>Number of items to be displayed on each page.</td>
|
|
20
|
-
</tr>
|
|
21
|
-
<tr>
|
|
22
|
-
<td>totalItems: number</td>
|
|
23
|
-
<td></td>
|
|
24
|
-
<td>Total number of items.</td>
|
|
25
|
-
</tr>
|
|
26
|
-
<tr>
|
|
27
|
-
<td>nextFunction: function</td>
|
|
28
|
-
<td></td>
|
|
29
|
-
<td>This function will be called when the user clicks the next page button.<br>
|
|
30
|
-
</td>
|
|
31
|
-
</tr>
|
|
32
|
-
<tr>
|
|
33
|
-
<td>prevFunction: function</td>
|
|
34
|
-
<td></td>
|
|
35
|
-
<td>This function will be called when the user clicks the previous page button.<br>
|
|
36
|
-
</td>
|
|
37
|
-
</tr>
|
|
38
|
-
<tr>
|
|
39
|
-
<td>lastFunction: function</td>
|
|
40
|
-
<td></td>
|
|
41
|
-
<td>This function will be called when the user clicks the last page button.<br>
|
|
42
|
-
</td>
|
|
43
|
-
</tr>
|
|
44
|
-
<tr>
|
|
45
|
-
<td>firstFunction: function</td>
|
|
46
|
-
<td></td>
|
|
47
|
-
<td>This function will be called when the user clicks the first page button.<br>
|
|
48
|
-
</td>
|
|
49
|
-
</tr>
|
|
50
|
-
</table>
|