@agilekit/ui 0.0.513-alpha.0 → 0.0.514-alpha.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/README.md +42 -42
- package/lib/index.js +1 -1
- package/lib/index.js.LICENSE.txt +2 -0
- package/lib/src/components/FileUpload/FileUpload.d.ts +3 -0
- package/lib/src/components/Loader/Loader.styles.d.ts +2 -0
- package/lib/src/components/Slider/Slider.d.ts +1 -1
- package/lib/src/components/Switch/Switch.d.ts +1 -1
- package/lib/src/components/TextField/TextField.styles.d.ts +1 -1
- package/package.json +162 -162
- package/src/assets/fonts/fontello/README.txt +75 -75
- package/src/assets/fonts/fontello/config.json +933 -933
- package/src/assets/fonts/fontello/css/animation.css +85 -85
- package/src/assets/fonts/fontello/css/fontello-codes.css +66 -66
- package/src/assets/fonts/fontello/css/fontello-embedded.css +119 -119
- package/src/assets/fonts/fontello/css/fontello-ie7-codes.css +66 -66
- package/src/assets/fonts/fontello/css/fontello-ie7.css +77 -77
- package/src/assets/fonts/fontello/css/fontello.css +122 -122
- package/src/assets/fonts/fontello/demo.html +402 -402
- package/src/assets/fonts/fontello/font/fontello.eot +0 -0
- package/src/assets/fonts/fontello/font/fontello.svg +141 -141
- package/src/assets/fonts/fontello/font/fontello.ttf +0 -0
- package/src/assets/fonts/fontello/font/fontello.woff +0 -0
- package/src/assets/fonts/fontello/font/fontello.woff2 +0 -0
- package/src/assets/fonts/svg/Icon/ic-chat.svg +12 -12
- package/src/assets/fonts/svg/Icon/ic-dollar.svg +13 -13
- package/src/assets/fonts/svg/Icon/ic-invoice.svg +15 -15
- package/src/assets/fonts/svg/Icon/ic-menu.svg +8 -8
- package/src/assets/fonts/svg/ic-activity.svg +8 -8
- package/src/assets/fonts/svg/ic-arrow-long-right.svg +48 -48
- package/src/assets/fonts/svg/ic-arrows.svg +9 -9
- package/src/assets/fonts/svg/ic-atm-card.svg +9 -9
- package/src/assets/fonts/svg/ic-bank-solid.svg +10 -10
- package/src/assets/fonts/svg/ic-bell.svg +10 -10
- package/src/assets/fonts/svg/ic-briefcase.svg +9 -9
- package/src/assets/fonts/svg/ic-calendar-alt.svg +15 -15
- package/src/assets/fonts/svg/ic-check-alt.svg +26 -26
- package/src/assets/fonts/svg/ic-check.svg +10 -10
- package/src/assets/fonts/svg/ic-circle-solid.svg +7 -7
- package/src/assets/fonts/svg/ic-circle.svg +7 -7
- package/src/assets/fonts/svg/ic-close.svg +9 -9
- package/src/assets/fonts/svg/ic-cog-solid.svg +14 -14
- package/src/assets/fonts/svg/ic-credit-card-solid.svg +7 -7
- package/src/assets/fonts/svg/ic-credit-card.svg +7 -7
- package/src/assets/fonts/svg/ic-database.svg +9 -9
- package/src/assets/fonts/svg/ic-desktop.svg +9 -9
- package/src/assets/fonts/svg/ic-dollar-solid.svg +10 -10
- package/src/assets/fonts/svg/ic-exclamation.svg +10 -10
- package/src/assets/fonts/svg/ic-globe.svg +9 -9
- package/src/assets/fonts/svg/ic-grid-solid.svg +9 -9
- package/src/assets/fonts/svg/ic-hash.svg +10 -10
- package/src/assets/fonts/svg/ic-help-circle.svg +11 -11
- package/src/assets/fonts/svg/ic-info.svg +10 -10
- package/src/assets/fonts/svg/ic-keyhole-square.svg +9 -9
- package/src/assets/fonts/svg/ic-lock.svg +8 -8
- package/src/assets/fonts/svg/ic-log-in.svg +9 -9
- package/src/assets/fonts/svg/ic-log-out.svg +9 -9
- package/src/assets/fonts/svg/ic-mail.svg +8 -8
- package/src/assets/fonts/svg/ic-map-pin.svg +8 -8
- package/src/assets/fonts/svg/ic-menu.svg +8 -8
- package/src/assets/fonts/svg/ic-minus.svg +6 -6
- package/src/assets/fonts/svg/ic-mobile-android.svg +9 -9
- package/src/assets/fonts/svg/ic-more.svg +27 -27
- package/src/assets/fonts/svg/ic-pen.svg +9 -9
- package/src/assets/fonts/svg/ic-phone.svg +13 -13
- package/src/assets/fonts/svg/ic-plus.svg +10 -10
- package/src/assets/fonts/svg/ic-question.svg +8 -8
- package/src/assets/fonts/svg/ic-search.svg +8 -8
- package/src/assets/fonts/svg/ic-settings.svg +27 -27
- package/src/assets/fonts/svg/ic-shield.svg +8 -8
- package/src/assets/fonts/svg/ic-shopping-cart.svg +9 -9
- package/src/assets/fonts/svg/ic-slash-solid.svg +7 -7
- package/src/assets/fonts/svg/ic-slash.svg +9 -9
- package/src/assets/fonts/svg/ic-sliders.svg +12 -12
- package/src/assets/fonts/svg/ic-store.svg +11 -11
- package/src/assets/fonts/svg/ic-tablet.svg +10 -10
- package/src/assets/fonts/svg/ic-user-circle.svg +10 -10
- package/src/assets/fonts/svg/ic-users.svg +21 -21
- package/src/assets/fonts/svg/ic-x-alt.svg +8 -8
- package/src/assets/styles/global/bootstrap/_alert.scss +51 -51
- package/src/assets/styles/global/bootstrap/_badge.scss +53 -53
- package/src/assets/styles/global/bootstrap/_breadcrumb.scss +41 -41
- package/src/assets/styles/global/bootstrap/_button-group.scss +163 -163
- package/src/assets/styles/global/bootstrap/_buttons.scss +140 -140
- package/src/assets/styles/global/bootstrap/_card.scss +311 -311
- package/src/assets/styles/global/bootstrap/_carousel.scss +199 -199
- package/src/assets/styles/global/bootstrap/_close.scss +44 -44
- package/src/assets/styles/global/bootstrap/_code.scss +48 -48
- package/src/assets/styles/global/bootstrap/_custom-forms.scss +508 -508
- package/src/assets/styles/global/bootstrap/_dropdown.scss +191 -191
- package/src/assets/styles/global/bootstrap/_forms.scss +335 -335
- package/src/assets/styles/global/bootstrap/_functions.scss +87 -87
- package/src/assets/styles/global/bootstrap/_grid.scss +52 -52
- package/src/assets/styles/global/bootstrap/_images.scss +42 -42
- package/src/assets/styles/global/bootstrap/_input-group.scss +193 -193
- package/src/assets/styles/global/bootstrap/_jumbotron.scss +18 -18
- package/src/assets/styles/global/bootstrap/_list-group.scss +121 -121
- package/src/assets/styles/global/bootstrap/_media.scss +8 -8
- package/src/assets/styles/global/bootstrap/_mixins.scss +41 -41
- package/src/assets/styles/global/bootstrap/_modal.scss +186 -186
- package/src/assets/styles/global/bootstrap/_nav.scss +120 -120
- package/src/assets/styles/global/bootstrap/_navbar.scss +299 -299
- package/src/assets/styles/global/bootstrap/_pagination.scss +78 -78
- package/src/assets/styles/global/bootstrap/_popover.scss +185 -185
- package/src/assets/styles/global/bootstrap/_print.scss +141 -141
- package/src/assets/styles/global/bootstrap/_progress.scss +34 -34
- package/src/assets/styles/global/bootstrap/_reboot.scss +462 -462
- package/src/assets/styles/global/bootstrap/_root.scss +19 -19
- package/src/assets/styles/global/bootstrap/_spinners.scss +53 -53
- package/src/assets/styles/global/bootstrap/_tables.scss +187 -187
- package/src/assets/styles/global/bootstrap/_toasts.scss +43 -43
- package/src/assets/styles/global/bootstrap/_tooltip.scss +117 -117
- package/src/assets/styles/global/bootstrap/_transitions.scss +22 -22
- package/src/assets/styles/global/bootstrap/_type.scss +125 -125
- package/src/assets/styles/global/bootstrap/_utilities.scss +16 -16
- package/src/assets/styles/global/bootstrap/_variables.scss +1088 -1088
- package/src/assets/styles/global/bootstrap/bootstrap-grid.scss +29 -29
- package/src/assets/styles/global/bootstrap/bootstrap-reboot.scss +12 -12
- package/src/assets/styles/global/bootstrap/bootstrap.scss +44 -44
- package/src/assets/styles/global/bootstrap/mixins/_alert.scss +13 -13
- package/src/assets/styles/global/bootstrap/mixins/_background-variant.scss +21 -21
- package/src/assets/styles/global/bootstrap/mixins/_badge.scss +11 -11
- package/src/assets/styles/global/bootstrap/mixins/_border-radius.scss +35 -35
- package/src/assets/styles/global/bootstrap/mixins/_box-shadow.scss +5 -5
- package/src/assets/styles/global/bootstrap/mixins/_breakpoints.scss +123 -123
- package/src/assets/styles/global/bootstrap/mixins/_buttons.scss +111 -111
- package/src/assets/styles/global/bootstrap/mixins/_caret.scss +62 -62
- package/src/assets/styles/global/bootstrap/mixins/_clearfix.scss +7 -7
- package/src/assets/styles/global/bootstrap/mixins/_float.scss +11 -11
- package/src/assets/styles/global/bootstrap/mixins/_forms.scss +198 -198
- package/src/assets/styles/global/bootstrap/mixins/_gradients.scss +45 -45
- package/src/assets/styles/global/bootstrap/mixins/_grid-framework.scss +66 -66
- package/src/assets/styles/global/bootstrap/mixins/_grid.scss +51 -51
- package/src/assets/styles/global/bootstrap/mixins/_hover.scss +37 -37
- package/src/assets/styles/global/bootstrap/mixins/_image.scss +36 -36
- package/src/assets/styles/global/bootstrap/mixins/_list-group.scss +21 -21
- package/src/assets/styles/global/bootstrap/mixins/_lists.scss +7 -7
- package/src/assets/styles/global/bootstrap/mixins/_nav-divider.scss +10 -10
- package/src/assets/styles/global/bootstrap/mixins/_pagination.scss +22 -22
- package/src/assets/styles/global/bootstrap/mixins/_reset-text.scss +17 -17
- package/src/assets/styles/global/bootstrap/mixins/_resize.scss +6 -6
- package/src/assets/styles/global/bootstrap/mixins/_screen-reader.scss +33 -33
- package/src/assets/styles/global/bootstrap/mixins/_size.scss +6 -6
- package/src/assets/styles/global/bootstrap/mixins/_table-row.scss +39 -39
- package/src/assets/styles/global/bootstrap/mixins/_text-emphasis.scss +14 -14
- package/src/assets/styles/global/bootstrap/mixins/_text-hide.scss +13 -13
- package/src/assets/styles/global/bootstrap/mixins/_text-truncate.scss +8 -8
- package/src/assets/styles/global/bootstrap/mixins/_transition.scss +16 -16
- package/src/assets/styles/global/bootstrap/mixins/_visibility.scss +7 -7
- package/src/assets/styles/global/bootstrap/utilities/_align.scss +8 -8
- package/src/assets/styles/global/bootstrap/utilities/_background.scss +19 -19
- package/src/assets/styles/global/bootstrap/utilities/_borders.scss +63 -63
- package/src/assets/styles/global/bootstrap/utilities/_clearfix.scss +3 -3
- package/src/assets/styles/global/bootstrap/utilities/_display.scss +38 -38
- package/src/assets/styles/global/bootstrap/utilities/_embed.scss +40 -40
- package/src/assets/styles/global/bootstrap/utilities/_flex.scss +51 -51
- package/src/assets/styles/global/bootstrap/utilities/_float.scss +9 -9
- package/src/assets/styles/global/bootstrap/utilities/_overflow.scss +5 -5
- package/src/assets/styles/global/bootstrap/utilities/_position.scss +32 -32
- package/src/assets/styles/global/bootstrap/utilities/_screenreaders.scss +11 -11
- package/src/assets/styles/global/bootstrap/utilities/_shadows.scss +6 -6
- package/src/assets/styles/global/bootstrap/utilities/_sizing.scss +20 -20
- package/src/assets/styles/global/bootstrap/utilities/_spacing.scss +73 -73
- package/src/assets/styles/global/bootstrap/utilities/_text.scss +67 -67
- package/src/assets/styles/global/bootstrap/utilities/_visibility.scss +11 -11
- package/src/assets/styles/global/core/card.scss +6 -6
- package/src/assets/styles/global/core/color.scss +76 -76
- package/src/assets/styles/global/core/status.scss +17 -17
- package/src/assets/styles/global/styles.scss +24 -24
- package/src/assets/styles/global/vendors/ant-design-grid.scss +5046 -5046
- package/src/assets/styles/shared/elements/scrollbar.scss +30 -30
- package/src/assets/styles/shared/settings/breakpoints.scss +10 -10
- package/src/assets/styles/shared/settings/colors.scss +110 -110
- package/src/assets/styles/shared/settings/depth.scss +14 -14
- package/src/assets/styles/shared/settings/layout.scss +10 -10
- package/src/assets/styles/shared/settings/typography.scss +9 -9
- package/src/assets/styles/shared/shared.scss +8 -8
- package/src/assets/styles/shared/tools/respond-to.scss +32 -32
- package/src/components/utils/breakpoints.ts +14 -14
- package/src/components/utils/browser.ts +10 -10
- package/src/components/utils/findParentBySelector.ts +17 -17
- package/src/components/utils/idGenerator.ts +4 -4
- package/src/components/utils/index.ts +4 -4
- package/src/components/utils/setNativeValue.ts +13 -13
- package/lib/src/components/Loader/tests/Loader.test.d.ts +0 -0
package/README.md
CHANGED
|
@@ -1,42 +1,42 @@
|
|
|
1
|
-
# [AgileKit UI](#)
|
|
2
|
-
|
|
3
|
-
AgileKit UI is a React component library designed to help developers create the best experience for Agile products.
|
|
4
|
-
|
|
5
|
-
## Using the React components
|
|
6
|
-
|
|
7
|
-
### Installation
|
|
8
|
-
|
|
9
|
-
Run the following command using [npm](https://www.npmjs.com/):
|
|
10
|
-
|
|
11
|
-
```bash
|
|
12
|
-
npm install @agilekit/ui --save
|
|
13
|
-
```
|
|
14
|
-
|
|
15
|
-
If you prefer [Yarn](https://yarnpkg.com/en/), use the following command instead:
|
|
16
|
-
|
|
17
|
-
```bash
|
|
18
|
-
yarn add @agilekit/ui
|
|
19
|
-
```
|
|
20
|
-
|
|
21
|
-
### Usage
|
|
22
|
-
|
|
23
|
-
1. Include any of the provided components in your project:
|
|
24
|
-
|
|
25
|
-
```javascript
|
|
26
|
-
import { Button, Page, Card, TableList } from '@agilekit/ui';
|
|
27
|
-
```
|
|
28
|
-
|
|
29
|
-
2. Tell React to render the element in the DOM:
|
|
30
|
-
|
|
31
|
-
```javascript
|
|
32
|
-
ReactDOM.render(
|
|
33
|
-
<AppProvider>
|
|
34
|
-
<Page title="My App">
|
|
35
|
-
<Card sectioned>
|
|
36
|
-
<Button onClick={() => alert('Hey clicked!')}>button sample</Button>
|
|
37
|
-
</Card>
|
|
38
|
-
</Page>
|
|
39
|
-
</AppProvider>,
|
|
40
|
-
document.querySelector('#root'),
|
|
41
|
-
);
|
|
42
|
-
```
|
|
1
|
+
# [AgileKit UI](#)
|
|
2
|
+
|
|
3
|
+
AgileKit UI is a React component library designed to help developers create the best experience for Agile products.
|
|
4
|
+
|
|
5
|
+
## Using the React components
|
|
6
|
+
|
|
7
|
+
### Installation
|
|
8
|
+
|
|
9
|
+
Run the following command using [npm](https://www.npmjs.com/):
|
|
10
|
+
|
|
11
|
+
```bash
|
|
12
|
+
npm install @agilekit/ui --save
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
If you prefer [Yarn](https://yarnpkg.com/en/), use the following command instead:
|
|
16
|
+
|
|
17
|
+
```bash
|
|
18
|
+
yarn add @agilekit/ui
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
### Usage
|
|
22
|
+
|
|
23
|
+
1. Include any of the provided components in your project:
|
|
24
|
+
|
|
25
|
+
```javascript
|
|
26
|
+
import { Button, Page, Card, TableList } from '@agilekit/ui';
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
2. Tell React to render the element in the DOM:
|
|
30
|
+
|
|
31
|
+
```javascript
|
|
32
|
+
ReactDOM.render(
|
|
33
|
+
<AppProvider>
|
|
34
|
+
<Page title="My App">
|
|
35
|
+
<Card sectioned>
|
|
36
|
+
<Button onClick={() => alert('Hey clicked!')}>button sample</Button>
|
|
37
|
+
</Card>
|
|
38
|
+
</Page>
|
|
39
|
+
</AppProvider>,
|
|
40
|
+
document.querySelector('#root'),
|
|
41
|
+
);
|
|
42
|
+
```
|