@momentum-design/components 0.19.1 → 0.20.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/custom-elements.json +194 -194
- package/dist/react/index.d.ts +1 -1
- package/dist/react/index.js +1 -1
- package/package.json +1 -1
|
@@ -2459,200 +2459,6 @@
|
|
|
2459
2459
|
}
|
|
2460
2460
|
]
|
|
2461
2461
|
},
|
|
2462
|
-
{
|
|
2463
|
-
"kind": "javascript-module",
|
|
2464
|
-
"path": "components/formfieldwrapper/formfieldwrapper.component.js",
|
|
2465
|
-
"declarations": [
|
|
2466
|
-
{
|
|
2467
|
-
"kind": "class",
|
|
2468
|
-
"description": "formfieldwrapper is a component that contains the label and helper/validation text\n that can be configured in various ways to suit different use cases (most of the input related components).\nIt is used as an internal component and is not intended to be used directly by consumers.",
|
|
2469
|
-
"name": "FormfieldWrapper",
|
|
2470
|
-
"slots": [
|
|
2471
|
-
{
|
|
2472
|
-
"description": "slot to add the label info icon",
|
|
2473
|
-
"name": "label-info"
|
|
2474
|
-
}
|
|
2475
|
-
],
|
|
2476
|
-
"members": [
|
|
2477
|
-
{
|
|
2478
|
-
"kind": "field",
|
|
2479
|
-
"name": "label",
|
|
2480
|
-
"type": {
|
|
2481
|
-
"text": "string | undefined"
|
|
2482
|
-
},
|
|
2483
|
-
"description": "The label of the input field. It is linked to the input field using the `for` attribute.",
|
|
2484
|
-
"attribute": "label",
|
|
2485
|
-
"reflects": true
|
|
2486
|
-
},
|
|
2487
|
-
{
|
|
2488
|
-
"kind": "field",
|
|
2489
|
-
"name": "id",
|
|
2490
|
-
"default": "`mdc-input-${uuidv4()}`",
|
|
2491
|
-
"description": "The unique id of the input field. It is used to link the input field with the label.",
|
|
2492
|
-
"attribute": "id"
|
|
2493
|
-
},
|
|
2494
|
-
{
|
|
2495
|
-
"kind": "field",
|
|
2496
|
-
"name": "helpTextType",
|
|
2497
|
-
"type": {
|
|
2498
|
-
"text": "ValidationType"
|
|
2499
|
-
},
|
|
2500
|
-
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
|
2501
|
-
"attribute": "help-text-type",
|
|
2502
|
-
"reflects": true
|
|
2503
|
-
},
|
|
2504
|
-
{
|
|
2505
|
-
"kind": "field",
|
|
2506
|
-
"name": "helpText",
|
|
2507
|
-
"type": {
|
|
2508
|
-
"text": "string | undefined"
|
|
2509
|
-
},
|
|
2510
|
-
"description": "The help text that is displayed below the input field.",
|
|
2511
|
-
"attribute": "help-text",
|
|
2512
|
-
"reflects": true
|
|
2513
|
-
},
|
|
2514
|
-
{
|
|
2515
|
-
"kind": "method",
|
|
2516
|
-
"name": "renderLabelElement",
|
|
2517
|
-
"privacy": "protected",
|
|
2518
|
-
"description": "creates the label element when the label property is set.\nid is used to link the label with the input field.",
|
|
2519
|
-
"return": {
|
|
2520
|
-
"type": {
|
|
2521
|
-
"text": ""
|
|
2522
|
-
}
|
|
2523
|
-
}
|
|
2524
|
-
},
|
|
2525
|
-
{
|
|
2526
|
-
"kind": "method",
|
|
2527
|
-
"name": "renderHelpTextIcon",
|
|
2528
|
-
"privacy": "protected",
|
|
2529
|
-
"description": "creates the helpertext icon based on the helpTextType for validation.\nIf the helpTextType is not set, it defaults to 'default' and it doesn't display any icon.",
|
|
2530
|
-
"return": {
|
|
2531
|
-
"type": {
|
|
2532
|
-
"text": ""
|
|
2533
|
-
}
|
|
2534
|
-
}
|
|
2535
|
-
},
|
|
2536
|
-
{
|
|
2537
|
-
"kind": "method",
|
|
2538
|
-
"name": "renderHelpText",
|
|
2539
|
-
"privacy": "protected",
|
|
2540
|
-
"description": "creates the helper text component when the helpertext value is set.\nIt is also used to display the validation message based on the helpTextType.",
|
|
2541
|
-
"return": {
|
|
2542
|
-
"type": {
|
|
2543
|
-
"text": ""
|
|
2544
|
-
}
|
|
2545
|
-
}
|
|
2546
|
-
},
|
|
2547
|
-
{
|
|
2548
|
-
"kind": "method",
|
|
2549
|
-
"name": "renderLabel",
|
|
2550
|
-
"privacy": "protected",
|
|
2551
|
-
"description": "renders the mdc-label-text container that contains the label and labelInfoToggleTip.",
|
|
2552
|
-
"return": {
|
|
2553
|
-
"type": {
|
|
2554
|
-
"text": ""
|
|
2555
|
-
}
|
|
2556
|
-
}
|
|
2557
|
-
},
|
|
2558
|
-
{
|
|
2559
|
-
"kind": "method",
|
|
2560
|
-
"name": "renderHelperText",
|
|
2561
|
-
"privacy": "protected",
|
|
2562
|
-
"description": "renders the mdc-help-text container that contains the helpertext icon and helpertext.",
|
|
2563
|
-
"return": {
|
|
2564
|
-
"type": {
|
|
2565
|
-
"text": ""
|
|
2566
|
-
}
|
|
2567
|
-
}
|
|
2568
|
-
},
|
|
2569
|
-
{
|
|
2570
|
-
"kind": "field",
|
|
2571
|
-
"name": "disabled",
|
|
2572
|
-
"type": {
|
|
2573
|
-
"text": "boolean"
|
|
2574
|
-
},
|
|
2575
|
-
"default": "false",
|
|
2576
|
-
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
2577
|
-
"attribute": "disabled",
|
|
2578
|
-
"reflects": true,
|
|
2579
|
-
"inheritedFrom": {
|
|
2580
|
-
"name": "DisabledMixin",
|
|
2581
|
-
"module": "utils/mixins/DisabledMixin.js"
|
|
2582
|
-
}
|
|
2583
|
-
}
|
|
2584
|
-
],
|
|
2585
|
-
"attributes": [
|
|
2586
|
-
{
|
|
2587
|
-
"name": "label",
|
|
2588
|
-
"type": {
|
|
2589
|
-
"text": "string | undefined"
|
|
2590
|
-
},
|
|
2591
|
-
"description": "The label of the input field. It is linked to the input field using the `for` attribute.",
|
|
2592
|
-
"fieldName": "label"
|
|
2593
|
-
},
|
|
2594
|
-
{
|
|
2595
|
-
"name": "id",
|
|
2596
|
-
"default": "`mdc-input-${uuidv4()}`",
|
|
2597
|
-
"description": "The unique id of the input field. It is used to link the input field with the label.",
|
|
2598
|
-
"fieldName": "id"
|
|
2599
|
-
},
|
|
2600
|
-
{
|
|
2601
|
-
"name": "help-text-type",
|
|
2602
|
-
"type": {
|
|
2603
|
-
"text": "ValidationType"
|
|
2604
|
-
},
|
|
2605
|
-
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
|
2606
|
-
"fieldName": "helpTextType"
|
|
2607
|
-
},
|
|
2608
|
-
{
|
|
2609
|
-
"name": "help-text",
|
|
2610
|
-
"type": {
|
|
2611
|
-
"text": "string | undefined"
|
|
2612
|
-
},
|
|
2613
|
-
"description": "The help text that is displayed below the input field.",
|
|
2614
|
-
"fieldName": "helpText"
|
|
2615
|
-
},
|
|
2616
|
-
{
|
|
2617
|
-
"name": "disabled",
|
|
2618
|
-
"type": {
|
|
2619
|
-
"text": "boolean"
|
|
2620
|
-
},
|
|
2621
|
-
"default": "false",
|
|
2622
|
-
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
2623
|
-
"fieldName": "disabled",
|
|
2624
|
-
"inheritedFrom": {
|
|
2625
|
-
"name": "DisabledMixin",
|
|
2626
|
-
"module": "src/utils/mixins/DisabledMixin.ts"
|
|
2627
|
-
}
|
|
2628
|
-
}
|
|
2629
|
-
],
|
|
2630
|
-
"mixins": [
|
|
2631
|
-
{
|
|
2632
|
-
"name": "DisabledMixin",
|
|
2633
|
-
"module": "/src/utils/mixins/DisabledMixin"
|
|
2634
|
-
}
|
|
2635
|
-
],
|
|
2636
|
-
"superclass": {
|
|
2637
|
-
"name": "Component",
|
|
2638
|
-
"module": "/src/models"
|
|
2639
|
-
},
|
|
2640
|
-
"tagName": "mdc-formfieldwrapper",
|
|
2641
|
-
"jsDoc": "/**\n * formfieldwrapper is a component that contains the label and helper/validation text\n * that can be configured in various ways to suit different use cases (most of the input related components).\n * It is used as an internal component and is not intended to be used directly by consumers.\n *\n * @tagname mdc-formfieldwrapper\n *\n * @slot label-info - slot to add the label info icon\n *\n */",
|
|
2642
|
-
"customElement": true
|
|
2643
|
-
}
|
|
2644
|
-
],
|
|
2645
|
-
"exports": [
|
|
2646
|
-
{
|
|
2647
|
-
"kind": "js",
|
|
2648
|
-
"name": "default",
|
|
2649
|
-
"declaration": {
|
|
2650
|
-
"name": "FormfieldWrapper",
|
|
2651
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
2652
|
-
}
|
|
2653
|
-
}
|
|
2654
|
-
]
|
|
2655
|
-
},
|
|
2656
2462
|
{
|
|
2657
2463
|
"kind": "javascript-module",
|
|
2658
2464
|
"path": "components/divider/divider.component.js",
|
|
@@ -2883,6 +2689,200 @@
|
|
|
2883
2689
|
}
|
|
2884
2690
|
]
|
|
2885
2691
|
},
|
|
2692
|
+
{
|
|
2693
|
+
"kind": "javascript-module",
|
|
2694
|
+
"path": "components/formfieldwrapper/formfieldwrapper.component.js",
|
|
2695
|
+
"declarations": [
|
|
2696
|
+
{
|
|
2697
|
+
"kind": "class",
|
|
2698
|
+
"description": "formfieldwrapper is a component that contains the label and helper/validation text\n that can be configured in various ways to suit different use cases (most of the input related components).\nIt is used as an internal component and is not intended to be used directly by consumers.",
|
|
2699
|
+
"name": "FormfieldWrapper",
|
|
2700
|
+
"slots": [
|
|
2701
|
+
{
|
|
2702
|
+
"description": "slot to add the label info icon",
|
|
2703
|
+
"name": "label-info"
|
|
2704
|
+
}
|
|
2705
|
+
],
|
|
2706
|
+
"members": [
|
|
2707
|
+
{
|
|
2708
|
+
"kind": "field",
|
|
2709
|
+
"name": "label",
|
|
2710
|
+
"type": {
|
|
2711
|
+
"text": "string | undefined"
|
|
2712
|
+
},
|
|
2713
|
+
"description": "The label of the input field. It is linked to the input field using the `for` attribute.",
|
|
2714
|
+
"attribute": "label",
|
|
2715
|
+
"reflects": true
|
|
2716
|
+
},
|
|
2717
|
+
{
|
|
2718
|
+
"kind": "field",
|
|
2719
|
+
"name": "id",
|
|
2720
|
+
"default": "`mdc-input-${uuidv4()}`",
|
|
2721
|
+
"description": "The unique id of the input field. It is used to link the input field with the label.",
|
|
2722
|
+
"attribute": "id"
|
|
2723
|
+
},
|
|
2724
|
+
{
|
|
2725
|
+
"kind": "field",
|
|
2726
|
+
"name": "helpTextType",
|
|
2727
|
+
"type": {
|
|
2728
|
+
"text": "ValidationType"
|
|
2729
|
+
},
|
|
2730
|
+
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
|
2731
|
+
"attribute": "help-text-type",
|
|
2732
|
+
"reflects": true
|
|
2733
|
+
},
|
|
2734
|
+
{
|
|
2735
|
+
"kind": "field",
|
|
2736
|
+
"name": "helpText",
|
|
2737
|
+
"type": {
|
|
2738
|
+
"text": "string | undefined"
|
|
2739
|
+
},
|
|
2740
|
+
"description": "The help text that is displayed below the input field.",
|
|
2741
|
+
"attribute": "help-text",
|
|
2742
|
+
"reflects": true
|
|
2743
|
+
},
|
|
2744
|
+
{
|
|
2745
|
+
"kind": "method",
|
|
2746
|
+
"name": "renderLabelElement",
|
|
2747
|
+
"privacy": "protected",
|
|
2748
|
+
"description": "creates the label element when the label property is set.\nid is used to link the label with the input field.",
|
|
2749
|
+
"return": {
|
|
2750
|
+
"type": {
|
|
2751
|
+
"text": ""
|
|
2752
|
+
}
|
|
2753
|
+
}
|
|
2754
|
+
},
|
|
2755
|
+
{
|
|
2756
|
+
"kind": "method",
|
|
2757
|
+
"name": "renderHelpTextIcon",
|
|
2758
|
+
"privacy": "protected",
|
|
2759
|
+
"description": "creates the helpertext icon based on the helpTextType for validation.\nIf the helpTextType is not set, it defaults to 'default' and it doesn't display any icon.",
|
|
2760
|
+
"return": {
|
|
2761
|
+
"type": {
|
|
2762
|
+
"text": ""
|
|
2763
|
+
}
|
|
2764
|
+
}
|
|
2765
|
+
},
|
|
2766
|
+
{
|
|
2767
|
+
"kind": "method",
|
|
2768
|
+
"name": "renderHelpText",
|
|
2769
|
+
"privacy": "protected",
|
|
2770
|
+
"description": "creates the helper text component when the helpertext value is set.\nIt is also used to display the validation message based on the helpTextType.",
|
|
2771
|
+
"return": {
|
|
2772
|
+
"type": {
|
|
2773
|
+
"text": ""
|
|
2774
|
+
}
|
|
2775
|
+
}
|
|
2776
|
+
},
|
|
2777
|
+
{
|
|
2778
|
+
"kind": "method",
|
|
2779
|
+
"name": "renderLabel",
|
|
2780
|
+
"privacy": "protected",
|
|
2781
|
+
"description": "renders the mdc-label-text container that contains the label and labelInfoToggleTip.",
|
|
2782
|
+
"return": {
|
|
2783
|
+
"type": {
|
|
2784
|
+
"text": ""
|
|
2785
|
+
}
|
|
2786
|
+
}
|
|
2787
|
+
},
|
|
2788
|
+
{
|
|
2789
|
+
"kind": "method",
|
|
2790
|
+
"name": "renderHelperText",
|
|
2791
|
+
"privacy": "protected",
|
|
2792
|
+
"description": "renders the mdc-help-text container that contains the helpertext icon and helpertext.",
|
|
2793
|
+
"return": {
|
|
2794
|
+
"type": {
|
|
2795
|
+
"text": ""
|
|
2796
|
+
}
|
|
2797
|
+
}
|
|
2798
|
+
},
|
|
2799
|
+
{
|
|
2800
|
+
"kind": "field",
|
|
2801
|
+
"name": "disabled",
|
|
2802
|
+
"type": {
|
|
2803
|
+
"text": "boolean"
|
|
2804
|
+
},
|
|
2805
|
+
"default": "false",
|
|
2806
|
+
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
2807
|
+
"attribute": "disabled",
|
|
2808
|
+
"reflects": true,
|
|
2809
|
+
"inheritedFrom": {
|
|
2810
|
+
"name": "DisabledMixin",
|
|
2811
|
+
"module": "utils/mixins/DisabledMixin.js"
|
|
2812
|
+
}
|
|
2813
|
+
}
|
|
2814
|
+
],
|
|
2815
|
+
"attributes": [
|
|
2816
|
+
{
|
|
2817
|
+
"name": "label",
|
|
2818
|
+
"type": {
|
|
2819
|
+
"text": "string | undefined"
|
|
2820
|
+
},
|
|
2821
|
+
"description": "The label of the input field. It is linked to the input field using the `for` attribute.",
|
|
2822
|
+
"fieldName": "label"
|
|
2823
|
+
},
|
|
2824
|
+
{
|
|
2825
|
+
"name": "id",
|
|
2826
|
+
"default": "`mdc-input-${uuidv4()}`",
|
|
2827
|
+
"description": "The unique id of the input field. It is used to link the input field with the label.",
|
|
2828
|
+
"fieldName": "id"
|
|
2829
|
+
},
|
|
2830
|
+
{
|
|
2831
|
+
"name": "help-text-type",
|
|
2832
|
+
"type": {
|
|
2833
|
+
"text": "ValidationType"
|
|
2834
|
+
},
|
|
2835
|
+
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
|
2836
|
+
"fieldName": "helpTextType"
|
|
2837
|
+
},
|
|
2838
|
+
{
|
|
2839
|
+
"name": "help-text",
|
|
2840
|
+
"type": {
|
|
2841
|
+
"text": "string | undefined"
|
|
2842
|
+
},
|
|
2843
|
+
"description": "The help text that is displayed below the input field.",
|
|
2844
|
+
"fieldName": "helpText"
|
|
2845
|
+
},
|
|
2846
|
+
{
|
|
2847
|
+
"name": "disabled",
|
|
2848
|
+
"type": {
|
|
2849
|
+
"text": "boolean"
|
|
2850
|
+
},
|
|
2851
|
+
"default": "false",
|
|
2852
|
+
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
2853
|
+
"fieldName": "disabled",
|
|
2854
|
+
"inheritedFrom": {
|
|
2855
|
+
"name": "DisabledMixin",
|
|
2856
|
+
"module": "src/utils/mixins/DisabledMixin.ts"
|
|
2857
|
+
}
|
|
2858
|
+
}
|
|
2859
|
+
],
|
|
2860
|
+
"mixins": [
|
|
2861
|
+
{
|
|
2862
|
+
"name": "DisabledMixin",
|
|
2863
|
+
"module": "/src/utils/mixins/DisabledMixin"
|
|
2864
|
+
}
|
|
2865
|
+
],
|
|
2866
|
+
"superclass": {
|
|
2867
|
+
"name": "Component",
|
|
2868
|
+
"module": "/src/models"
|
|
2869
|
+
},
|
|
2870
|
+
"tagName": "mdc-formfieldwrapper",
|
|
2871
|
+
"jsDoc": "/**\n * formfieldwrapper is a component that contains the label and helper/validation text\n * that can be configured in various ways to suit different use cases (most of the input related components).\n * It is used as an internal component and is not intended to be used directly by consumers.\n *\n * @tagname mdc-formfieldwrapper\n *\n * @slot label-info - slot to add the label info icon\n *\n */",
|
|
2872
|
+
"customElement": true
|
|
2873
|
+
}
|
|
2874
|
+
],
|
|
2875
|
+
"exports": [
|
|
2876
|
+
{
|
|
2877
|
+
"kind": "js",
|
|
2878
|
+
"name": "default",
|
|
2879
|
+
"declaration": {
|
|
2880
|
+
"name": "FormfieldWrapper",
|
|
2881
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
2882
|
+
}
|
|
2883
|
+
}
|
|
2884
|
+
]
|
|
2885
|
+
},
|
|
2886
2886
|
{
|
|
2887
2887
|
"kind": "javascript-module",
|
|
2888
2888
|
"path": "components/icon/icon.component.js",
|
package/dist/react/index.d.ts
CHANGED
|
@@ -5,8 +5,8 @@ export { default as Bullet } from './bullet';
|
|
|
5
5
|
export { default as Button } from './button';
|
|
6
6
|
export { default as Buttonsimple } from './buttonsimple';
|
|
7
7
|
export { default as Checkbox } from './checkbox';
|
|
8
|
-
export { default as FormfieldWrapper } from './formfieldwrapper';
|
|
9
8
|
export { default as Divider } from './divider';
|
|
9
|
+
export { default as FormfieldWrapper } from './formfieldwrapper';
|
|
10
10
|
export { default as Icon } from './icon';
|
|
11
11
|
export { default as IconProvider } from './iconprovider';
|
|
12
12
|
export { default as Input } from './input';
|
package/dist/react/index.js
CHANGED
|
@@ -5,8 +5,8 @@ export { default as Bullet } from './bullet';
|
|
|
5
5
|
export { default as Button } from './button';
|
|
6
6
|
export { default as Buttonsimple } from './buttonsimple';
|
|
7
7
|
export { default as Checkbox } from './checkbox';
|
|
8
|
-
export { default as FormfieldWrapper } from './formfieldwrapper';
|
|
9
8
|
export { default as Divider } from './divider';
|
|
9
|
+
export { default as FormfieldWrapper } from './formfieldwrapper';
|
|
10
10
|
export { default as Icon } from './icon';
|
|
11
11
|
export { default as IconProvider } from './iconprovider';
|
|
12
12
|
export { default as Input } from './input';
|
package/package.json
CHANGED