@usecapsule/core-components 3.5.1 → 3.6.0-dev.0
Sign up to get free protection for your applications and to get access to all the features.
- package/css/capsule-core.css +1 -1
- package/dist/capsule/capsule.esm.js +1 -1
- package/dist/capsule/capsule.esm.js.map +1 -1
- package/dist/capsule/p-12d4ab85.entry.js +28 -0
- package/dist/capsule/p-12d4ab85.entry.js.map +1 -0
- package/dist/capsule/{p-9fa8efd0.entry.js → p-7dff759e.entry.js} +2 -2
- package/dist/capsule/p-7dff759e.entry.js.map +1 -0
- package/dist/cjs/capsule.cjs.js +1 -1
- package/dist/cjs/cpsl-alert_34.cjs.entry.js +4448 -2507
- package/dist/cjs/cpsl-alert_34.cjs.entry.js.map +1 -1
- package/dist/cjs/cpsl-hero.cjs.entry.js +7 -3
- package/dist/cjs/cpsl-hero.cjs.entry.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/assets/icons/arbitrum-brand.svg +38 -0
- package/dist/collection/assets/icons/arrow-circle-down-filled.svg +5 -0
- package/dist/collection/assets/icons/base-brand.svg +3 -0
- package/dist/collection/assets/icons/celo-brand.svg +13 -0
- package/dist/collection/assets/icons/chevron-down.svg +5 -0
- package/dist/collection/assets/icons/chevron-selector-vertical.svg +5 -0
- package/dist/collection/assets/icons/copy-07.svg +5 -0
- package/dist/collection/assets/icons/credit-card-02.svg +5 -0
- package/dist/collection/assets/icons/cube-03.svg +5 -0
- package/dist/collection/assets/icons/cube-outline.svg +5 -0
- package/dist/collection/assets/icons/currency-dollar.svg +3 -0
- package/dist/collection/assets/icons/dots.svg +65 -0
- package/dist/collection/assets/icons/edit-02.svg +5 -0
- package/dist/collection/assets/icons/index.js +396 -1
- package/dist/collection/assets/icons/index.js.map +1 -1
- package/dist/collection/assets/icons/optimism-brand.svg +11 -0
- package/dist/collection/assets/icons/plus.svg +5 -0
- package/dist/collection/assets/icons/polygon-brand.svg +16 -0
- package/dist/collection/assets/icons/polygon.svg +5 -0
- package/dist/collection/assets/icons/sliders.svg +3 -0
- package/dist/collection/assets/icons/star-04-filled.svg +3 -0
- package/dist/collection/assets/icons/trash.svg +3 -0
- package/dist/collection/assets/icons/usdc-brand.svg +5 -0
- package/dist/collection/assets/icons/user.svg +5 -0
- package/dist/collection/assets/images/index.js +5 -1
- package/dist/collection/assets/images/index.js.map +1 -1
- package/dist/collection/components/cpsl-alert/cpsl-alert.css +1 -0
- package/dist/collection/components/cpsl-alert/cpsl-alert.js +1 -1
- package/dist/collection/components/cpsl-auth-modal/cpsl-auth-modal.css +3 -0
- package/dist/collection/components/cpsl-button/cpsl-button.css +1 -1
- package/dist/collection/components/cpsl-file-upload/cpsl-file-upload.js +20 -1
- package/dist/collection/components/cpsl-file-upload/cpsl-file-upload.js.map +1 -1
- package/dist/collection/components/cpsl-hero/cpsl-hero.css +4 -4
- package/dist/collection/components/cpsl-hero/cpsl-hero.js +1 -1
- package/dist/collection/components/cpsl-hero/cpsl-hero.js.map +1 -1
- package/dist/collection/components/cpsl-icon/cpsl-icon.js +1 -1
- package/dist/collection/components/cpsl-input/cpsl-input.js +40 -32
- package/dist/collection/components/cpsl-input/cpsl-input.js.map +1 -1
- package/dist/collection/components/cpsl-popover/cpsl-popover.js +6 -3
- package/dist/collection/components/cpsl-popover/cpsl-popover.js.map +1 -1
- package/dist/collection/components/cpsl-select/cpsl-select.css +1 -0
- package/dist/collection/components/cpsl-select/cpsl-select.js +46 -6
- package/dist/collection/components/cpsl-select/cpsl-select.js.map +1 -1
- package/dist/collection/components/cpsl-slide-button/cpsl-slide-button.js +2 -2
- package/dist/collection/components/cpsl-tab/cpsl-tab.css +4 -4
- package/dist/collection/components/cpsl-tabs/cpsl-tabs.css +1 -0
- package/dist/collection/components/cpsl-text/cpsl-text.css +192 -67
- package/dist/collection/components/cpsl-text/cpsl-text.js +30 -27
- package/dist/collection/components/cpsl-text/cpsl-text.js.map +1 -1
- package/dist/collection/components/cpsl-tile-button/cpsl-tile-button.js +1 -1
- package/dist/esm/capsule.js +1 -1
- package/dist/esm/cpsl-alert_34.entry.js +4448 -2507
- package/dist/esm/cpsl-alert_34.entry.js.map +1 -1
- package/dist/esm/cpsl-hero.entry.js +7 -3
- package/dist/esm/cpsl-hero.entry.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/scripts/buildAssets.js +9 -9
- package/dist/scripts/buildAssets.js.map +1 -1
- package/dist/types/assets/icons/index.d.ts +22 -0
- package/dist/types/components/cpsl-file-upload/cpsl-file-upload.d.ts +5 -0
- package/dist/types/components/cpsl-input/cpsl-input.d.ts +4 -3
- package/dist/types/components/cpsl-select/cpsl-select.d.ts +10 -0
- package/dist/types/components/cpsl-text/cpsl-text.d.ts +1 -1
- package/dist/types/components.d.ts +32 -0
- package/package.json +3 -4
- package/dist/capsule/p-45496164.entry.js +0 -20
- package/dist/capsule/p-45496164.entry.js.map +0 -1
- package/dist/capsule/p-9fa8efd0.entry.js.map +0 -1
@@ -1,8 +1,6 @@
|
|
1
1
|
import { EventEmitter } from '../../stencil-public-runtime';
|
2
2
|
import { AutocompleteTypes, IconType, TextFieldTypes } from '../../interface';
|
3
3
|
import { InputChangeEventDetail, InputInputEventDetail } from './input-interface';
|
4
|
-
import InputMask from 'imask/esm/controls/input';
|
5
|
-
import 'imask/esm/masked/pattern';
|
6
4
|
export declare class CpslInput {
|
7
5
|
private nativeInput?;
|
8
6
|
el: HTMLCpslInputElement;
|
@@ -12,7 +10,6 @@ export declare class CpslInput {
|
|
12
10
|
*/
|
13
11
|
private focusedValue?;
|
14
12
|
hasFocus: boolean;
|
15
|
-
maskedInput?: InputMask;
|
16
13
|
/**
|
17
14
|
* Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user.
|
18
15
|
* Available options: `"off"`, `"none"`, `"on"`, `"sentences"`, `"words"`, `"characters"`.
|
@@ -36,6 +33,10 @@ export declare class CpslInput {
|
|
36
33
|
* This may not be sufficient for the element to be focused on page load.
|
37
34
|
*/
|
38
35
|
autofocus: boolean;
|
36
|
+
/**
|
37
|
+
* If `true`, the input's entire contents will be selected on focus.
|
38
|
+
*/
|
39
|
+
autoselect: boolean;
|
39
40
|
/**
|
40
41
|
* If `true`, the user cannot interact with the input.
|
41
42
|
*/
|
@@ -1,4 +1,5 @@
|
|
1
1
|
import { EventEmitter } from '../../stencil-public-runtime';
|
2
|
+
import { IconType } from '../../interface';
|
2
3
|
export declare class CpslSelect {
|
3
4
|
el: HTMLCpslSelectElement;
|
4
5
|
private popoverEl;
|
@@ -40,10 +41,19 @@ export declare class CpslSelect {
|
|
40
41
|
* ID of the element, must be unique for the popover trigger.
|
41
42
|
*/
|
42
43
|
id: string;
|
44
|
+
/**
|
45
|
+
* The name of the icon to use for the end icon.
|
46
|
+
* Default: `chevronUp`
|
47
|
+
*/
|
48
|
+
icon?: IconType;
|
43
49
|
/**
|
44
50
|
* The label for the input.
|
45
51
|
*/
|
46
52
|
label?: string;
|
53
|
+
/**
|
54
|
+
* Whether or not to show the rotation animation for the end icon.
|
55
|
+
*/
|
56
|
+
noIconAnimation?: boolean;
|
47
57
|
/**
|
48
58
|
* Placeholder to display if `selectedValue` is empty.
|
49
59
|
*/
|
@@ -305,6 +305,10 @@ export namespace Components {
|
|
305
305
|
"width": string;
|
306
306
|
}
|
307
307
|
interface CpslFileUpload {
|
308
|
+
/**
|
309
|
+
* If the input is disabled. Default is: false.
|
310
|
+
*/
|
311
|
+
"disabled"?: boolean;
|
308
312
|
/**
|
309
313
|
* Error text to show below the input. If this is provided the input will enter an error state.
|
310
314
|
*/
|
@@ -419,6 +423,10 @@ export namespace Components {
|
|
419
423
|
* Sets the [`autofocus` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus) on the native input element. This may not be sufficient for the element to be focused on page load.
|
420
424
|
*/
|
421
425
|
"autofocus": boolean;
|
426
|
+
/**
|
427
|
+
* If `true`, the input's entire contents will be selected on focus.
|
428
|
+
*/
|
429
|
+
"autoselect": boolean;
|
422
430
|
/**
|
423
431
|
* If `true`, the input primary color will use the contrast value, not the primary text value.
|
424
432
|
*/
|
@@ -727,6 +735,10 @@ export namespace Components {
|
|
727
735
|
* Helper text to show below the input. If `"errorText"` is provided that will take precedence.
|
728
736
|
*/
|
729
737
|
"helperText"?: string;
|
738
|
+
/**
|
739
|
+
* The name of the icon to use for the end icon. Default: `chevronUp`
|
740
|
+
*/
|
741
|
+
"icon"?: IconType;
|
730
742
|
/**
|
731
743
|
* ID of the element, must be unique for the popover trigger.
|
732
744
|
*/
|
@@ -735,6 +747,10 @@ export namespace Components {
|
|
735
747
|
* The label for the input.
|
736
748
|
*/
|
737
749
|
"label"?: string;
|
750
|
+
/**
|
751
|
+
* Whether or not to show the rotation animation for the end icon.
|
752
|
+
*/
|
753
|
+
"noIconAnimation"?: boolean;
|
738
754
|
/**
|
739
755
|
* Placeholder to display if `selectedValue` is empty.
|
740
756
|
*/
|
@@ -1754,6 +1770,10 @@ declare namespace LocalJSX {
|
|
1754
1770
|
"width"?: string;
|
1755
1771
|
}
|
1756
1772
|
interface CpslFileUpload {
|
1773
|
+
/**
|
1774
|
+
* If the input is disabled. Default is: false.
|
1775
|
+
*/
|
1776
|
+
"disabled"?: boolean;
|
1757
1777
|
/**
|
1758
1778
|
* Error text to show below the input. If this is provided the input will enter an error state.
|
1759
1779
|
*/
|
@@ -1888,6 +1908,10 @@ declare namespace LocalJSX {
|
|
1888
1908
|
* Sets the [`autofocus` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus) on the native input element. This may not be sufficient for the element to be focused on page load.
|
1889
1909
|
*/
|
1890
1910
|
"autofocus"?: boolean;
|
1911
|
+
/**
|
1912
|
+
* If `true`, the input's entire contents will be selected on focus.
|
1913
|
+
*/
|
1914
|
+
"autoselect"?: boolean;
|
1891
1915
|
/**
|
1892
1916
|
* If `true`, the input primary color will use the contrast value, not the primary text value.
|
1893
1917
|
*/
|
@@ -2252,6 +2276,10 @@ declare namespace LocalJSX {
|
|
2252
2276
|
* Helper text to show below the input. If `"errorText"` is provided that will take precedence.
|
2253
2277
|
*/
|
2254
2278
|
"helperText"?: string;
|
2279
|
+
/**
|
2280
|
+
* The name of the icon to use for the end icon. Default: `chevronUp`
|
2281
|
+
*/
|
2282
|
+
"icon"?: IconType;
|
2255
2283
|
/**
|
2256
2284
|
* ID of the element, must be unique for the popover trigger.
|
2257
2285
|
*/
|
@@ -2260,6 +2288,10 @@ declare namespace LocalJSX {
|
|
2260
2288
|
* The label for the input.
|
2261
2289
|
*/
|
2262
2290
|
"label"?: string;
|
2291
|
+
/**
|
2292
|
+
* Whether or not to show the rotation animation for the end icon.
|
2293
|
+
*/
|
2294
|
+
"noIconAnimation"?: boolean;
|
2263
2295
|
/**
|
2264
2296
|
* Emitted when the input loses focus.
|
2265
2297
|
*/
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@usecapsule/core-components",
|
3
|
-
"version": "3.
|
3
|
+
"version": "3.6.0-dev.0",
|
4
4
|
"description": "Capsule Core Components",
|
5
5
|
"main": "dist/index.cjs.js",
|
6
6
|
"module": "dist/index.js",
|
@@ -31,7 +31,7 @@
|
|
31
31
|
"color-blend": "^4.0.0",
|
32
32
|
"color2k": "^2.0.3",
|
33
33
|
"gsap": "^3.12.5",
|
34
|
-
"
|
34
|
+
"inputmask": "5.0.9",
|
35
35
|
"qrcode-with-logos": "1.1.1"
|
36
36
|
},
|
37
37
|
"devDependencies": {
|
@@ -59,6 +59,5 @@
|
|
59
59
|
"storybook": "^8.1.11",
|
60
60
|
"storybook-addon-stencil": "^0.2.1",
|
61
61
|
"ts-node": "^10.9.2"
|
62
|
-
}
|
63
|
-
"gitHead": "59624937c8ab48d266cfbf2604755ea38d2802b4"
|
62
|
+
}
|
64
63
|
}
|