@momentum-design/components 0.59.0 → 0.61.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 +291 -291
- package/dist/react/index.d.ts +2 -2
- package/dist/react/index.js +2 -2
- package/package.json +1 -1
|
@@ -7137,57 +7137,19 @@
|
|
|
7137
7137
|
},
|
|
7138
7138
|
{
|
|
7139
7139
|
"kind": "javascript-module",
|
|
7140
|
-
"path": "components/
|
|
7140
|
+
"path": "components/formfieldwrapper/formfieldwrapper.component.js",
|
|
7141
7141
|
"declarations": [
|
|
7142
7142
|
{
|
|
7143
7143
|
"kind": "class",
|
|
7144
|
-
"description": "
|
|
7145
|
-
"name": "
|
|
7144
|
+
"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.",
|
|
7145
|
+
"name": "FormfieldWrapper",
|
|
7146
7146
|
"slots": [
|
|
7147
|
-
{
|
|
7148
|
-
"description": "This is a default slot for checkbox or toggle components.",
|
|
7149
|
-
"name": "default"
|
|
7150
|
-
},
|
|
7151
7147
|
{
|
|
7152
7148
|
"description": "slot to add the label info icon",
|
|
7153
|
-
"name": "label-info"
|
|
7154
|
-
"inheritedFrom": {
|
|
7155
|
-
"name": "FormfieldWrapper",
|
|
7156
|
-
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
|
7157
|
-
}
|
|
7149
|
+
"name": "label-info"
|
|
7158
7150
|
}
|
|
7159
7151
|
],
|
|
7160
7152
|
"members": [
|
|
7161
|
-
{
|
|
7162
|
-
"kind": "field",
|
|
7163
|
-
"name": "dataAriaLabel",
|
|
7164
|
-
"type": {
|
|
7165
|
-
"text": "string | null"
|
|
7166
|
-
},
|
|
7167
|
-
"default": "null",
|
|
7168
|
-
"description": "Defines a string value that labels the current element.\nThe Aria-Label attribute to be set for accessibility.",
|
|
7169
|
-
"attribute": "data-aria-label",
|
|
7170
|
-
"reflects": true,
|
|
7171
|
-
"inheritedFrom": {
|
|
7172
|
-
"name": "DataAriaLabelMixin",
|
|
7173
|
-
"module": "utils/mixins/DataAriaLabelMixin.js"
|
|
7174
|
-
}
|
|
7175
|
-
},
|
|
7176
|
-
{
|
|
7177
|
-
"kind": "field",
|
|
7178
|
-
"name": "disabled",
|
|
7179
|
-
"type": {
|
|
7180
|
-
"text": "boolean | undefined"
|
|
7181
|
-
},
|
|
7182
|
-
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
7183
|
-
"default": "undefined",
|
|
7184
|
-
"attribute": "disabled",
|
|
7185
|
-
"reflects": true,
|
|
7186
|
-
"inheritedFrom": {
|
|
7187
|
-
"name": "DisabledMixin",
|
|
7188
|
-
"module": "utils/mixins/DisabledMixin.js"
|
|
7189
|
-
}
|
|
7190
|
-
},
|
|
7191
7153
|
{
|
|
7192
7154
|
"kind": "field",
|
|
7193
7155
|
"name": "label",
|
|
@@ -7196,11 +7158,7 @@
|
|
|
7196
7158
|
},
|
|
7197
7159
|
"description": "The label of the input field. It is linked to the input field using the `for` attribute.",
|
|
7198
7160
|
"attribute": "label",
|
|
7199
|
-
"reflects": true
|
|
7200
|
-
"inheritedFrom": {
|
|
7201
|
-
"name": "FormfieldWrapper",
|
|
7202
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
7203
|
-
}
|
|
7161
|
+
"reflects": true
|
|
7204
7162
|
},
|
|
7205
7163
|
{
|
|
7206
7164
|
"kind": "field",
|
|
@@ -7210,11 +7168,7 @@
|
|
|
7210
7168
|
},
|
|
7211
7169
|
"description": "The required label of the input field.\nWhen an appropriate string value is set,\nthe input field is marked as required and the label is appended with this text.",
|
|
7212
7170
|
"attribute": "required-label",
|
|
7213
|
-
"reflects": true
|
|
7214
|
-
"inheritedFrom": {
|
|
7215
|
-
"name": "FormfieldWrapper",
|
|
7216
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
7217
|
-
}
|
|
7171
|
+
"reflects": true
|
|
7218
7172
|
},
|
|
7219
7173
|
{
|
|
7220
7174
|
"kind": "field",
|
|
@@ -7224,11 +7178,7 @@
|
|
|
7224
7178
|
},
|
|
7225
7179
|
"default": "''",
|
|
7226
7180
|
"description": "The unique id of the input field. It is used to link the input field with the label.",
|
|
7227
|
-
"attribute": "id"
|
|
7228
|
-
"inheritedFrom": {
|
|
7229
|
-
"name": "FormfieldWrapper",
|
|
7230
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
7231
|
-
}
|
|
7181
|
+
"attribute": "id"
|
|
7232
7182
|
},
|
|
7233
7183
|
{
|
|
7234
7184
|
"kind": "field",
|
|
@@ -7238,11 +7188,7 @@
|
|
|
7238
7188
|
},
|
|
7239
7189
|
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
|
7240
7190
|
"attribute": "help-text-type",
|
|
7241
|
-
"reflects": true
|
|
7242
|
-
"inheritedFrom": {
|
|
7243
|
-
"name": "FormfieldWrapper",
|
|
7244
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
7245
|
-
}
|
|
7191
|
+
"reflects": true
|
|
7246
7192
|
},
|
|
7247
7193
|
{
|
|
7248
7194
|
"kind": "field",
|
|
@@ -7252,11 +7198,7 @@
|
|
|
7252
7198
|
},
|
|
7253
7199
|
"description": "The help text that is displayed below the input field.",
|
|
7254
7200
|
"attribute": "help-text",
|
|
7255
|
-
"reflects": true
|
|
7256
|
-
"inheritedFrom": {
|
|
7257
|
-
"name": "FormfieldWrapper",
|
|
7258
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
7259
|
-
}
|
|
7201
|
+
"reflects": true
|
|
7260
7202
|
},
|
|
7261
7203
|
{
|
|
7262
7204
|
"kind": "method",
|
|
@@ -7267,20 +7209,12 @@
|
|
|
7267
7209
|
"type": {
|
|
7268
7210
|
"text": ""
|
|
7269
7211
|
}
|
|
7270
|
-
},
|
|
7271
|
-
"inheritedFrom": {
|
|
7272
|
-
"name": "FormfieldWrapper",
|
|
7273
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
7274
7212
|
}
|
|
7275
7213
|
},
|
|
7276
7214
|
{
|
|
7277
7215
|
"kind": "method",
|
|
7278
7216
|
"name": "renderRequiredLabel",
|
|
7279
|
-
"privacy": "protected"
|
|
7280
|
-
"inheritedFrom": {
|
|
7281
|
-
"name": "FormfieldWrapper",
|
|
7282
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
7283
|
-
}
|
|
7217
|
+
"privacy": "protected"
|
|
7284
7218
|
},
|
|
7285
7219
|
{
|
|
7286
7220
|
"kind": "method",
|
|
@@ -7291,10 +7225,6 @@
|
|
|
7291
7225
|
"type": {
|
|
7292
7226
|
"text": ""
|
|
7293
7227
|
}
|
|
7294
|
-
},
|
|
7295
|
-
"inheritedFrom": {
|
|
7296
|
-
"name": "FormfieldWrapper",
|
|
7297
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
7298
7228
|
}
|
|
7299
7229
|
},
|
|
7300
7230
|
{
|
|
@@ -7306,10 +7236,6 @@
|
|
|
7306
7236
|
"type": {
|
|
7307
7237
|
"text": ""
|
|
7308
7238
|
}
|
|
7309
|
-
},
|
|
7310
|
-
"inheritedFrom": {
|
|
7311
|
-
"name": "FormfieldWrapper",
|
|
7312
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
7313
7239
|
}
|
|
7314
7240
|
},
|
|
7315
7241
|
{
|
|
@@ -7321,10 +7247,6 @@
|
|
|
7321
7247
|
"type": {
|
|
7322
7248
|
"text": ""
|
|
7323
7249
|
}
|
|
7324
|
-
},
|
|
7325
|
-
"inheritedFrom": {
|
|
7326
|
-
"name": "FormfieldWrapper",
|
|
7327
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
7328
7250
|
}
|
|
7329
7251
|
},
|
|
7330
7252
|
{
|
|
@@ -7336,64 +7258,32 @@
|
|
|
7336
7258
|
"type": {
|
|
7337
7259
|
"text": ""
|
|
7338
7260
|
}
|
|
7339
|
-
},
|
|
7340
|
-
"inheritedFrom": {
|
|
7341
|
-
"name": "FormfieldWrapper",
|
|
7342
|
-
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
7343
|
-
}
|
|
7344
|
-
}
|
|
7345
|
-
],
|
|
7346
|
-
"mixins": [
|
|
7347
|
-
{
|
|
7348
|
-
"name": "DataAriaLabelMixin",
|
|
7349
|
-
"module": "/src/utils/mixins/DataAriaLabelMixin"
|
|
7350
|
-
}
|
|
7351
|
-
],
|
|
7352
|
-
"superclass": {
|
|
7353
|
-
"name": "FormfieldWrapper",
|
|
7354
|
-
"module": "/src/components/formfieldwrapper/formfieldwrapper.component"
|
|
7355
|
-
},
|
|
7356
|
-
"tagName": "mdc-formfieldgroup",
|
|
7357
|
-
"jsDoc": "/**\n * `mdc-formfieldgroup` component, groups the form field components together.\n * All passed in children will have a gap of 12px (0.75rem) each applied.\n *\n * This component is specifically for creating a `checkbox` group and a `toggle` group component.\n * For the radiogroup use the RadioGroup component instead.\n *\n * The header text and description text are displayed above the items with accessible labels.<br/>\n * The consumer has to provide atleast the header-text or the aria-label,\n * like one of them <b>has</b> to be passed in always, otherwise its not accessible.\n *\n * The role will be set to `group`.\n * The aria-label will be set with the data-aria-label property.\n * The aria-labelledby will be set with the header id which contains the header text information.\n * The aria-describedby will be set with the description id which contains the description text information.\n *\n * @tagname mdc-formfieldgroup\n *\n * @slot default - This is a default slot for checkbox or toggle components.\n */",
|
|
7358
|
-
"customElement": true,
|
|
7359
|
-
"attributes": [
|
|
7360
|
-
{
|
|
7361
|
-
"name": "data-aria-label",
|
|
7362
|
-
"type": {
|
|
7363
|
-
"text": "string | null"
|
|
7364
|
-
},
|
|
7365
|
-
"default": "null",
|
|
7366
|
-
"description": "Defines a string value that labels the current element.\nThe Aria-Label attribute to be set for accessibility.",
|
|
7367
|
-
"fieldName": "dataAriaLabel",
|
|
7368
|
-
"inheritedFrom": {
|
|
7369
|
-
"name": "DataAriaLabelMixin",
|
|
7370
|
-
"module": "src/utils/mixins/DataAriaLabelMixin.ts"
|
|
7371
7261
|
}
|
|
7372
7262
|
},
|
|
7373
7263
|
{
|
|
7264
|
+
"kind": "field",
|
|
7374
7265
|
"name": "disabled",
|
|
7375
7266
|
"type": {
|
|
7376
7267
|
"text": "boolean | undefined"
|
|
7377
7268
|
},
|
|
7378
7269
|
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
7379
7270
|
"default": "undefined",
|
|
7380
|
-
"
|
|
7271
|
+
"attribute": "disabled",
|
|
7272
|
+
"reflects": true,
|
|
7381
7273
|
"inheritedFrom": {
|
|
7382
7274
|
"name": "DisabledMixin",
|
|
7383
|
-
"module": "
|
|
7275
|
+
"module": "utils/mixins/DisabledMixin.js"
|
|
7384
7276
|
}
|
|
7385
|
-
}
|
|
7277
|
+
}
|
|
7278
|
+
],
|
|
7279
|
+
"attributes": [
|
|
7386
7280
|
{
|
|
7387
7281
|
"name": "label",
|
|
7388
7282
|
"type": {
|
|
7389
7283
|
"text": "string | undefined"
|
|
7390
7284
|
},
|
|
7391
7285
|
"description": "The label of the input field. It is linked to the input field using the `for` attribute.",
|
|
7392
|
-
"fieldName": "label"
|
|
7393
|
-
"inheritedFrom": {
|
|
7394
|
-
"name": "FormfieldWrapper",
|
|
7395
|
-
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
|
7396
|
-
}
|
|
7286
|
+
"fieldName": "label"
|
|
7397
7287
|
},
|
|
7398
7288
|
{
|
|
7399
7289
|
"name": "required-label",
|
|
@@ -7401,11 +7291,7 @@
|
|
|
7401
7291
|
"text": "string | undefined"
|
|
7402
7292
|
},
|
|
7403
7293
|
"description": "The required label of the input field.\nWhen an appropriate string value is set,\nthe input field is marked as required and the label is appended with this text.",
|
|
7404
|
-
"fieldName": "requiredLabel"
|
|
7405
|
-
"inheritedFrom": {
|
|
7406
|
-
"name": "FormfieldWrapper",
|
|
7407
|
-
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
|
7408
|
-
}
|
|
7294
|
+
"fieldName": "requiredLabel"
|
|
7409
7295
|
},
|
|
7410
7296
|
{
|
|
7411
7297
|
"name": "id",
|
|
@@ -7414,11 +7300,7 @@
|
|
|
7414
7300
|
},
|
|
7415
7301
|
"default": "''",
|
|
7416
7302
|
"description": "The unique id of the input field. It is used to link the input field with the label.",
|
|
7417
|
-
"fieldName": "id"
|
|
7418
|
-
"inheritedFrom": {
|
|
7419
|
-
"name": "FormfieldWrapper",
|
|
7420
|
-
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
|
7421
|
-
}
|
|
7303
|
+
"fieldName": "id"
|
|
7422
7304
|
},
|
|
7423
7305
|
{
|
|
7424
7306
|
"name": "help-text-type",
|
|
@@ -7426,11 +7308,7 @@
|
|
|
7426
7308
|
"text": "ValidationType"
|
|
7427
7309
|
},
|
|
7428
7310
|
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
|
7429
|
-
"fieldName": "helpTextType"
|
|
7430
|
-
"inheritedFrom": {
|
|
7431
|
-
"name": "FormfieldWrapper",
|
|
7432
|
-
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
|
7433
|
-
}
|
|
7311
|
+
"fieldName": "helpTextType"
|
|
7434
7312
|
},
|
|
7435
7313
|
{
|
|
7436
7314
|
"name": "help-text",
|
|
@@ -7438,13 +7316,35 @@
|
|
|
7438
7316
|
"text": "string | undefined"
|
|
7439
7317
|
},
|
|
7440
7318
|
"description": "The help text that is displayed below the input field.",
|
|
7441
|
-
"fieldName": "helpText"
|
|
7319
|
+
"fieldName": "helpText"
|
|
7320
|
+
},
|
|
7321
|
+
{
|
|
7322
|
+
"name": "disabled",
|
|
7323
|
+
"type": {
|
|
7324
|
+
"text": "boolean | undefined"
|
|
7325
|
+
},
|
|
7326
|
+
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
7327
|
+
"default": "undefined",
|
|
7328
|
+
"fieldName": "disabled",
|
|
7442
7329
|
"inheritedFrom": {
|
|
7443
|
-
"name": "
|
|
7444
|
-
"module": "src/
|
|
7330
|
+
"name": "DisabledMixin",
|
|
7331
|
+
"module": "src/utils/mixins/DisabledMixin.ts"
|
|
7445
7332
|
}
|
|
7446
7333
|
}
|
|
7447
|
-
]
|
|
7334
|
+
],
|
|
7335
|
+
"mixins": [
|
|
7336
|
+
{
|
|
7337
|
+
"name": "DisabledMixin",
|
|
7338
|
+
"module": "/src/utils/mixins/DisabledMixin"
|
|
7339
|
+
}
|
|
7340
|
+
],
|
|
7341
|
+
"superclass": {
|
|
7342
|
+
"name": "Component",
|
|
7343
|
+
"module": "/src/models"
|
|
7344
|
+
},
|
|
7345
|
+
"tagName": "mdc-formfieldwrapper",
|
|
7346
|
+
"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 */",
|
|
7347
|
+
"customElement": true
|
|
7448
7348
|
}
|
|
7449
7349
|
],
|
|
7450
7350
|
"exports": [
|
|
@@ -7452,27 +7352,65 @@
|
|
|
7452
7352
|
"kind": "js",
|
|
7453
7353
|
"name": "default",
|
|
7454
7354
|
"declaration": {
|
|
7455
|
-
"name": "
|
|
7456
|
-
"module": "components/
|
|
7355
|
+
"name": "FormfieldWrapper",
|
|
7356
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
7457
7357
|
}
|
|
7458
7358
|
}
|
|
7459
7359
|
]
|
|
7460
7360
|
},
|
|
7461
7361
|
{
|
|
7462
7362
|
"kind": "javascript-module",
|
|
7463
|
-
"path": "components/
|
|
7363
|
+
"path": "components/formfieldgroup/formfieldgroup.component.js",
|
|
7464
7364
|
"declarations": [
|
|
7465
7365
|
{
|
|
7466
7366
|
"kind": "class",
|
|
7467
|
-
"description": "
|
|
7468
|
-
"name": "
|
|
7367
|
+
"description": "`mdc-formfieldgroup` component, groups the form field components together.\nAll passed in children will have a gap of 12px (0.75rem) each applied.\n\nThis component is specifically for creating a `checkbox` group and a `toggle` group component.\nFor the radiogroup use the RadioGroup component instead.\n\nThe header text and description text are displayed above the items with accessible labels.<br/>\nThe consumer has to provide atleast the header-text or the aria-label,\nlike one of them <b>has</b> to be passed in always, otherwise its not accessible.\n\nThe role will be set to `group`.\nThe aria-label will be set with the data-aria-label property.\nThe aria-labelledby will be set with the header id which contains the header text information.\nThe aria-describedby will be set with the description id which contains the description text information.",
|
|
7368
|
+
"name": "FormfieldGroup",
|
|
7469
7369
|
"slots": [
|
|
7370
|
+
{
|
|
7371
|
+
"description": "This is a default slot for checkbox or toggle components.",
|
|
7372
|
+
"name": "default"
|
|
7373
|
+
},
|
|
7470
7374
|
{
|
|
7471
7375
|
"description": "slot to add the label info icon",
|
|
7472
|
-
"name": "label-info"
|
|
7376
|
+
"name": "label-info",
|
|
7377
|
+
"inheritedFrom": {
|
|
7378
|
+
"name": "FormfieldWrapper",
|
|
7379
|
+
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
|
7380
|
+
}
|
|
7473
7381
|
}
|
|
7474
7382
|
],
|
|
7475
7383
|
"members": [
|
|
7384
|
+
{
|
|
7385
|
+
"kind": "field",
|
|
7386
|
+
"name": "dataAriaLabel",
|
|
7387
|
+
"type": {
|
|
7388
|
+
"text": "string | null"
|
|
7389
|
+
},
|
|
7390
|
+
"default": "null",
|
|
7391
|
+
"description": "Defines a string value that labels the current element.\nThe Aria-Label attribute to be set for accessibility.",
|
|
7392
|
+
"attribute": "data-aria-label",
|
|
7393
|
+
"reflects": true,
|
|
7394
|
+
"inheritedFrom": {
|
|
7395
|
+
"name": "DataAriaLabelMixin",
|
|
7396
|
+
"module": "utils/mixins/DataAriaLabelMixin.js"
|
|
7397
|
+
}
|
|
7398
|
+
},
|
|
7399
|
+
{
|
|
7400
|
+
"kind": "field",
|
|
7401
|
+
"name": "disabled",
|
|
7402
|
+
"type": {
|
|
7403
|
+
"text": "boolean | undefined"
|
|
7404
|
+
},
|
|
7405
|
+
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
7406
|
+
"default": "undefined",
|
|
7407
|
+
"attribute": "disabled",
|
|
7408
|
+
"reflects": true,
|
|
7409
|
+
"inheritedFrom": {
|
|
7410
|
+
"name": "FormfieldWrapper",
|
|
7411
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
7412
|
+
}
|
|
7413
|
+
},
|
|
7476
7414
|
{
|
|
7477
7415
|
"kind": "field",
|
|
7478
7416
|
"name": "label",
|
|
@@ -7481,7 +7419,11 @@
|
|
|
7481
7419
|
},
|
|
7482
7420
|
"description": "The label of the input field. It is linked to the input field using the `for` attribute.",
|
|
7483
7421
|
"attribute": "label",
|
|
7484
|
-
"reflects": true
|
|
7422
|
+
"reflects": true,
|
|
7423
|
+
"inheritedFrom": {
|
|
7424
|
+
"name": "FormfieldWrapper",
|
|
7425
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
7426
|
+
}
|
|
7485
7427
|
},
|
|
7486
7428
|
{
|
|
7487
7429
|
"kind": "field",
|
|
@@ -7491,7 +7433,11 @@
|
|
|
7491
7433
|
},
|
|
7492
7434
|
"description": "The required label of the input field.\nWhen an appropriate string value is set,\nthe input field is marked as required and the label is appended with this text.",
|
|
7493
7435
|
"attribute": "required-label",
|
|
7494
|
-
"reflects": true
|
|
7436
|
+
"reflects": true,
|
|
7437
|
+
"inheritedFrom": {
|
|
7438
|
+
"name": "FormfieldWrapper",
|
|
7439
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
7440
|
+
}
|
|
7495
7441
|
},
|
|
7496
7442
|
{
|
|
7497
7443
|
"kind": "field",
|
|
@@ -7501,7 +7447,11 @@
|
|
|
7501
7447
|
},
|
|
7502
7448
|
"default": "''",
|
|
7503
7449
|
"description": "The unique id of the input field. It is used to link the input field with the label.",
|
|
7504
|
-
"attribute": "id"
|
|
7450
|
+
"attribute": "id",
|
|
7451
|
+
"inheritedFrom": {
|
|
7452
|
+
"name": "FormfieldWrapper",
|
|
7453
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
7454
|
+
}
|
|
7505
7455
|
},
|
|
7506
7456
|
{
|
|
7507
7457
|
"kind": "field",
|
|
@@ -7511,7 +7461,11 @@
|
|
|
7511
7461
|
},
|
|
7512
7462
|
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
|
7513
7463
|
"attribute": "help-text-type",
|
|
7514
|
-
"reflects": true
|
|
7464
|
+
"reflects": true,
|
|
7465
|
+
"inheritedFrom": {
|
|
7466
|
+
"name": "FormfieldWrapper",
|
|
7467
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
7468
|
+
}
|
|
7515
7469
|
},
|
|
7516
7470
|
{
|
|
7517
7471
|
"kind": "field",
|
|
@@ -7521,7 +7475,11 @@
|
|
|
7521
7475
|
},
|
|
7522
7476
|
"description": "The help text that is displayed below the input field.",
|
|
7523
7477
|
"attribute": "help-text",
|
|
7524
|
-
"reflects": true
|
|
7478
|
+
"reflects": true,
|
|
7479
|
+
"inheritedFrom": {
|
|
7480
|
+
"name": "FormfieldWrapper",
|
|
7481
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
7482
|
+
}
|
|
7525
7483
|
},
|
|
7526
7484
|
{
|
|
7527
7485
|
"kind": "method",
|
|
@@ -7532,12 +7490,20 @@
|
|
|
7532
7490
|
"type": {
|
|
7533
7491
|
"text": ""
|
|
7534
7492
|
}
|
|
7493
|
+
},
|
|
7494
|
+
"inheritedFrom": {
|
|
7495
|
+
"name": "FormfieldWrapper",
|
|
7496
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
7535
7497
|
}
|
|
7536
7498
|
},
|
|
7537
7499
|
{
|
|
7538
7500
|
"kind": "method",
|
|
7539
7501
|
"name": "renderRequiredLabel",
|
|
7540
|
-
"privacy": "protected"
|
|
7502
|
+
"privacy": "protected",
|
|
7503
|
+
"inheritedFrom": {
|
|
7504
|
+
"name": "FormfieldWrapper",
|
|
7505
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
7506
|
+
}
|
|
7541
7507
|
},
|
|
7542
7508
|
{
|
|
7543
7509
|
"kind": "method",
|
|
@@ -7548,6 +7514,10 @@
|
|
|
7548
7514
|
"type": {
|
|
7549
7515
|
"text": ""
|
|
7550
7516
|
}
|
|
7517
|
+
},
|
|
7518
|
+
"inheritedFrom": {
|
|
7519
|
+
"name": "FormfieldWrapper",
|
|
7520
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
7551
7521
|
}
|
|
7552
7522
|
},
|
|
7553
7523
|
{
|
|
@@ -7559,6 +7529,10 @@
|
|
|
7559
7529
|
"type": {
|
|
7560
7530
|
"text": ""
|
|
7561
7531
|
}
|
|
7532
|
+
},
|
|
7533
|
+
"inheritedFrom": {
|
|
7534
|
+
"name": "FormfieldWrapper",
|
|
7535
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
7562
7536
|
}
|
|
7563
7537
|
},
|
|
7564
7538
|
{
|
|
@@ -7570,43 +7544,79 @@
|
|
|
7570
7544
|
"type": {
|
|
7571
7545
|
"text": ""
|
|
7572
7546
|
}
|
|
7547
|
+
},
|
|
7548
|
+
"inheritedFrom": {
|
|
7549
|
+
"name": "FormfieldWrapper",
|
|
7550
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
7573
7551
|
}
|
|
7574
7552
|
},
|
|
7575
7553
|
{
|
|
7576
|
-
"kind": "method",
|
|
7577
|
-
"name": "renderHelperText",
|
|
7578
|
-
"privacy": "protected",
|
|
7579
|
-
"description": "renders the mdc-help-text container that contains the helpertext icon and helpertext.",
|
|
7580
|
-
"return": {
|
|
7581
|
-
"type": {
|
|
7582
|
-
"text": ""
|
|
7583
|
-
}
|
|
7554
|
+
"kind": "method",
|
|
7555
|
+
"name": "renderHelperText",
|
|
7556
|
+
"privacy": "protected",
|
|
7557
|
+
"description": "renders the mdc-help-text container that contains the helpertext icon and helpertext.",
|
|
7558
|
+
"return": {
|
|
7559
|
+
"type": {
|
|
7560
|
+
"text": ""
|
|
7561
|
+
}
|
|
7562
|
+
},
|
|
7563
|
+
"inheritedFrom": {
|
|
7564
|
+
"name": "FormfieldWrapper",
|
|
7565
|
+
"module": "components/formfieldwrapper/formfieldwrapper.component.js"
|
|
7566
|
+
}
|
|
7567
|
+
}
|
|
7568
|
+
],
|
|
7569
|
+
"mixins": [
|
|
7570
|
+
{
|
|
7571
|
+
"name": "DataAriaLabelMixin",
|
|
7572
|
+
"module": "/src/utils/mixins/DataAriaLabelMixin"
|
|
7573
|
+
}
|
|
7574
|
+
],
|
|
7575
|
+
"superclass": {
|
|
7576
|
+
"name": "FormfieldWrapper",
|
|
7577
|
+
"module": "/src/components/formfieldwrapper/formfieldwrapper.component"
|
|
7578
|
+
},
|
|
7579
|
+
"tagName": "mdc-formfieldgroup",
|
|
7580
|
+
"jsDoc": "/**\n * `mdc-formfieldgroup` component, groups the form field components together.\n * All passed in children will have a gap of 12px (0.75rem) each applied.\n *\n * This component is specifically for creating a `checkbox` group and a `toggle` group component.\n * For the radiogroup use the RadioGroup component instead.\n *\n * The header text and description text are displayed above the items with accessible labels.<br/>\n * The consumer has to provide atleast the header-text or the aria-label,\n * like one of them <b>has</b> to be passed in always, otherwise its not accessible.\n *\n * The role will be set to `group`.\n * The aria-label will be set with the data-aria-label property.\n * The aria-labelledby will be set with the header id which contains the header text information.\n * The aria-describedby will be set with the description id which contains the description text information.\n *\n * @tagname mdc-formfieldgroup\n *\n * @slot default - This is a default slot for checkbox or toggle components.\n */",
|
|
7581
|
+
"customElement": true,
|
|
7582
|
+
"attributes": [
|
|
7583
|
+
{
|
|
7584
|
+
"name": "data-aria-label",
|
|
7585
|
+
"type": {
|
|
7586
|
+
"text": "string | null"
|
|
7587
|
+
},
|
|
7588
|
+
"default": "null",
|
|
7589
|
+
"description": "Defines a string value that labels the current element.\nThe Aria-Label attribute to be set for accessibility.",
|
|
7590
|
+
"fieldName": "dataAriaLabel",
|
|
7591
|
+
"inheritedFrom": {
|
|
7592
|
+
"name": "DataAriaLabelMixin",
|
|
7593
|
+
"module": "src/utils/mixins/DataAriaLabelMixin.ts"
|
|
7584
7594
|
}
|
|
7585
7595
|
},
|
|
7586
7596
|
{
|
|
7587
|
-
"kind": "field",
|
|
7588
7597
|
"name": "disabled",
|
|
7589
7598
|
"type": {
|
|
7590
7599
|
"text": "boolean | undefined"
|
|
7591
7600
|
},
|
|
7592
7601
|
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
7593
7602
|
"default": "undefined",
|
|
7594
|
-
"
|
|
7595
|
-
"reflects": true,
|
|
7603
|
+
"fieldName": "disabled",
|
|
7596
7604
|
"inheritedFrom": {
|
|
7597
|
-
"name": "
|
|
7598
|
-
"module": "
|
|
7605
|
+
"name": "FormfieldWrapper",
|
|
7606
|
+
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
|
7599
7607
|
}
|
|
7600
|
-
}
|
|
7601
|
-
],
|
|
7602
|
-
"attributes": [
|
|
7608
|
+
},
|
|
7603
7609
|
{
|
|
7604
7610
|
"name": "label",
|
|
7605
7611
|
"type": {
|
|
7606
7612
|
"text": "string | undefined"
|
|
7607
7613
|
},
|
|
7608
7614
|
"description": "The label of the input field. It is linked to the input field using the `for` attribute.",
|
|
7609
|
-
"fieldName": "label"
|
|
7615
|
+
"fieldName": "label",
|
|
7616
|
+
"inheritedFrom": {
|
|
7617
|
+
"name": "FormfieldWrapper",
|
|
7618
|
+
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
|
7619
|
+
}
|
|
7610
7620
|
},
|
|
7611
7621
|
{
|
|
7612
7622
|
"name": "required-label",
|
|
@@ -7614,7 +7624,11 @@
|
|
|
7614
7624
|
"text": "string | undefined"
|
|
7615
7625
|
},
|
|
7616
7626
|
"description": "The required label of the input field.\nWhen an appropriate string value is set,\nthe input field is marked as required and the label is appended with this text.",
|
|
7617
|
-
"fieldName": "requiredLabel"
|
|
7627
|
+
"fieldName": "requiredLabel",
|
|
7628
|
+
"inheritedFrom": {
|
|
7629
|
+
"name": "FormfieldWrapper",
|
|
7630
|
+
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
|
7631
|
+
}
|
|
7618
7632
|
},
|
|
7619
7633
|
{
|
|
7620
7634
|
"name": "id",
|
|
@@ -7623,7 +7637,11 @@
|
|
|
7623
7637
|
},
|
|
7624
7638
|
"default": "''",
|
|
7625
7639
|
"description": "The unique id of the input field. It is used to link the input field with the label.",
|
|
7626
|
-
"fieldName": "id"
|
|
7640
|
+
"fieldName": "id",
|
|
7641
|
+
"inheritedFrom": {
|
|
7642
|
+
"name": "FormfieldWrapper",
|
|
7643
|
+
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
|
7644
|
+
}
|
|
7627
7645
|
},
|
|
7628
7646
|
{
|
|
7629
7647
|
"name": "help-text-type",
|
|
@@ -7631,7 +7649,11 @@
|
|
|
7631
7649
|
"text": "ValidationType"
|
|
7632
7650
|
},
|
|
7633
7651
|
"description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
|
|
7634
|
-
"fieldName": "helpTextType"
|
|
7652
|
+
"fieldName": "helpTextType",
|
|
7653
|
+
"inheritedFrom": {
|
|
7654
|
+
"name": "FormfieldWrapper",
|
|
7655
|
+
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
|
7656
|
+
}
|
|
7635
7657
|
},
|
|
7636
7658
|
{
|
|
7637
7659
|
"name": "help-text",
|
|
@@ -7639,35 +7661,13 @@
|
|
|
7639
7661
|
"text": "string | undefined"
|
|
7640
7662
|
},
|
|
7641
7663
|
"description": "The help text that is displayed below the input field.",
|
|
7642
|
-
"fieldName": "helpText"
|
|
7643
|
-
},
|
|
7644
|
-
{
|
|
7645
|
-
"name": "disabled",
|
|
7646
|
-
"type": {
|
|
7647
|
-
"text": "boolean | undefined"
|
|
7648
|
-
},
|
|
7649
|
-
"description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
|
|
7650
|
-
"default": "undefined",
|
|
7651
|
-
"fieldName": "disabled",
|
|
7664
|
+
"fieldName": "helpText",
|
|
7652
7665
|
"inheritedFrom": {
|
|
7653
|
-
"name": "
|
|
7654
|
-
"module": "src/
|
|
7666
|
+
"name": "FormfieldWrapper",
|
|
7667
|
+
"module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
|
|
7655
7668
|
}
|
|
7656
7669
|
}
|
|
7657
|
-
]
|
|
7658
|
-
"mixins": [
|
|
7659
|
-
{
|
|
7660
|
-
"name": "DisabledMixin",
|
|
7661
|
-
"module": "/src/utils/mixins/DisabledMixin"
|
|
7662
|
-
}
|
|
7663
|
-
],
|
|
7664
|
-
"superclass": {
|
|
7665
|
-
"name": "Component",
|
|
7666
|
-
"module": "/src/models"
|
|
7667
|
-
},
|
|
7668
|
-
"tagName": "mdc-formfieldwrapper",
|
|
7669
|
-
"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 */",
|
|
7670
|
-
"customElement": true
|
|
7670
|
+
]
|
|
7671
7671
|
}
|
|
7672
7672
|
],
|
|
7673
7673
|
"exports": [
|
|
@@ -7675,8 +7675,8 @@
|
|
|
7675
7675
|
"kind": "js",
|
|
7676
7676
|
"name": "default",
|
|
7677
7677
|
"declaration": {
|
|
7678
|
-
"name": "
|
|
7679
|
-
"module": "components/
|
|
7678
|
+
"name": "FormfieldGroup",
|
|
7679
|
+
"module": "components/formfieldgroup/formfieldgroup.component.js"
|
|
7680
7680
|
}
|
|
7681
7681
|
}
|
|
7682
7682
|
]
|
|
@@ -18649,6 +18649,90 @@
|
|
|
18649
18649
|
}
|
|
18650
18650
|
]
|
|
18651
18651
|
},
|
|
18652
|
+
{
|
|
18653
|
+
"kind": "javascript-module",
|
|
18654
|
+
"path": "components/text/text.component.js",
|
|
18655
|
+
"declarations": [
|
|
18656
|
+
{
|
|
18657
|
+
"kind": "class",
|
|
18658
|
+
"description": "Text component for creating styled text elements.\nIt has to be mounted within the ThemeProvider to access color and font tokens.\n\nThe `type` attribute allows changing the text style.\nThe `tagname` attribute allows changing the tag name of the text element.\nThe default tag name is `p`.\n\nThe `tagname` attribute should be a valid HTML tag name.\nIf the `tagname` attribute is not a valid HTML tag name, the default tag name will be used.\n\nThe styling is applied based on the `type` attribute.",
|
|
18659
|
+
"name": "Text",
|
|
18660
|
+
"cssParts": [
|
|
18661
|
+
{
|
|
18662
|
+
"description": "The text element",
|
|
18663
|
+
"name": "text"
|
|
18664
|
+
}
|
|
18665
|
+
],
|
|
18666
|
+
"slots": [
|
|
18667
|
+
{
|
|
18668
|
+
"description": "Default slot for text content",
|
|
18669
|
+
"name": ""
|
|
18670
|
+
}
|
|
18671
|
+
],
|
|
18672
|
+
"members": [
|
|
18673
|
+
{
|
|
18674
|
+
"kind": "field",
|
|
18675
|
+
"name": "type",
|
|
18676
|
+
"type": {
|
|
18677
|
+
"text": "TextType"
|
|
18678
|
+
},
|
|
18679
|
+
"privacy": "public",
|
|
18680
|
+
"description": "Specifies the text style to be applied.\n\nAcceptable values include:\n\n- 'body-small-regular'\n- 'body-small-medium'\n- 'body-small-bold'\n- 'body-midsize-regular'\n- 'body-midsize-medium'\n- 'body-midsize-bold'\n- 'body-large-regular'\n- 'body-large-medium'\n- 'body-large-bold'\n- 'body-small-regular-underline'\n- 'body-small-medium-underline'\n- 'body-midsize-regular-underline'\n- 'body-midsize-medium-underline'\n- 'body-large-regular-underline'\n- 'body-large-medium-underline'\n- 'heading-small-regular'\n- 'heading-small-medium'\n- 'heading-small-bold'\n- 'heading-midsize-regular'\n- 'heading-midsize-medium'\n- 'heading-midsize-bold'\n- 'heading-large-regular'\n- 'heading-large-medium'\n- 'heading-large-bold'\n- 'heading-xlarge-regular'\n- 'heading-xlarge-medium'\n- 'heading-xlarge-bold'\n- 'headline-small-light'\n- 'headline-small-regular'",
|
|
18681
|
+
"default": "body-large-regular",
|
|
18682
|
+
"attribute": "type",
|
|
18683
|
+
"reflects": true
|
|
18684
|
+
},
|
|
18685
|
+
{
|
|
18686
|
+
"kind": "field",
|
|
18687
|
+
"name": "tagname",
|
|
18688
|
+
"type": {
|
|
18689
|
+
"text": "TagName | undefined"
|
|
18690
|
+
},
|
|
18691
|
+
"privacy": "public",
|
|
18692
|
+
"description": "Specifies the HTML tag name for the text element. The default tag name is `p`.\nThis attribute is optional. When set, it changes the tag name of the text element.\n\nAcceptable values include:\n\n- 'h1'\n- 'h2'\n- 'h3'\n- 'h4'\n- 'h5'\n- 'h6'\n- 'p'\n- 'small'\n- 'span'\n- 'div'\n\nFor instance, setting this attribute to `h2` will render the text element as an `h2` element.\nNote that the styling is determined by the `type` attribute.",
|
|
18693
|
+
"attribute": "tagname",
|
|
18694
|
+
"reflects": true
|
|
18695
|
+
}
|
|
18696
|
+
],
|
|
18697
|
+
"attributes": [
|
|
18698
|
+
{
|
|
18699
|
+
"name": "type",
|
|
18700
|
+
"type": {
|
|
18701
|
+
"text": "TextType"
|
|
18702
|
+
},
|
|
18703
|
+
"description": "Specifies the text style to be applied.\n\nAcceptable values include:\n\n- 'body-small-regular'\n- 'body-small-medium'\n- 'body-small-bold'\n- 'body-midsize-regular'\n- 'body-midsize-medium'\n- 'body-midsize-bold'\n- 'body-large-regular'\n- 'body-large-medium'\n- 'body-large-bold'\n- 'body-small-regular-underline'\n- 'body-small-medium-underline'\n- 'body-midsize-regular-underline'\n- 'body-midsize-medium-underline'\n- 'body-large-regular-underline'\n- 'body-large-medium-underline'\n- 'heading-small-regular'\n- 'heading-small-medium'\n- 'heading-small-bold'\n- 'heading-midsize-regular'\n- 'heading-midsize-medium'\n- 'heading-midsize-bold'\n- 'heading-large-regular'\n- 'heading-large-medium'\n- 'heading-large-bold'\n- 'heading-xlarge-regular'\n- 'heading-xlarge-medium'\n- 'heading-xlarge-bold'\n- 'headline-small-light'\n- 'headline-small-regular'",
|
|
18704
|
+
"default": "body-large-regular",
|
|
18705
|
+
"fieldName": "type"
|
|
18706
|
+
},
|
|
18707
|
+
{
|
|
18708
|
+
"name": "tagname",
|
|
18709
|
+
"type": {
|
|
18710
|
+
"text": "TagName | undefined"
|
|
18711
|
+
},
|
|
18712
|
+
"description": "Specifies the HTML tag name for the text element. The default tag name is `p`.\nThis attribute is optional. When set, it changes the tag name of the text element.\n\nAcceptable values include:\n\n- 'h1'\n- 'h2'\n- 'h3'\n- 'h4'\n- 'h5'\n- 'h6'\n- 'p'\n- 'small'\n- 'span'\n- 'div'\n\nFor instance, setting this attribute to `h2` will render the text element as an `h2` element.\nNote that the styling is determined by the `type` attribute.",
|
|
18713
|
+
"fieldName": "tagname"
|
|
18714
|
+
}
|
|
18715
|
+
],
|
|
18716
|
+
"superclass": {
|
|
18717
|
+
"name": "Component",
|
|
18718
|
+
"module": "/src/models"
|
|
18719
|
+
},
|
|
18720
|
+
"tagName": "mdc-text",
|
|
18721
|
+
"jsDoc": "/**\n * Text component for creating styled text elements.\n * It has to be mounted within the ThemeProvider to access color and font tokens.\n *\n * The `type` attribute allows changing the text style.\n * The `tagname` attribute allows changing the tag name of the text element.\n * The default tag name is `p`.\n *\n * The `tagname` attribute should be a valid HTML tag name.\n * If the `tagname` attribute is not a valid HTML tag name, the default tag name will be used.\n *\n * The styling is applied based on the `type` attribute.\n *\n * @tagname mdc-text\n * @slot - Default slot for text content\n *\n * @csspart text - The text element\n */",
|
|
18722
|
+
"customElement": true
|
|
18723
|
+
}
|
|
18724
|
+
],
|
|
18725
|
+
"exports": [
|
|
18726
|
+
{
|
|
18727
|
+
"kind": "js",
|
|
18728
|
+
"name": "default",
|
|
18729
|
+
"declaration": {
|
|
18730
|
+
"name": "Text",
|
|
18731
|
+
"module": "components/text/text.component.js"
|
|
18732
|
+
}
|
|
18733
|
+
}
|
|
18734
|
+
]
|
|
18735
|
+
},
|
|
18652
18736
|
{
|
|
18653
18737
|
"kind": "javascript-module",
|
|
18654
18738
|
"path": "components/tablist/tablist.component.js",
|
|
@@ -18760,90 +18844,6 @@
|
|
|
18760
18844
|
}
|
|
18761
18845
|
]
|
|
18762
18846
|
},
|
|
18763
|
-
{
|
|
18764
|
-
"kind": "javascript-module",
|
|
18765
|
-
"path": "components/text/text.component.js",
|
|
18766
|
-
"declarations": [
|
|
18767
|
-
{
|
|
18768
|
-
"kind": "class",
|
|
18769
|
-
"description": "Text component for creating styled text elements.\nIt has to be mounted within the ThemeProvider to access color and font tokens.\n\nThe `type` attribute allows changing the text style.\nThe `tagname` attribute allows changing the tag name of the text element.\nThe default tag name is `p`.\n\nThe `tagname` attribute should be a valid HTML tag name.\nIf the `tagname` attribute is not a valid HTML tag name, the default tag name will be used.\n\nThe styling is applied based on the `type` attribute.",
|
|
18770
|
-
"name": "Text",
|
|
18771
|
-
"cssParts": [
|
|
18772
|
-
{
|
|
18773
|
-
"description": "The text element",
|
|
18774
|
-
"name": "text"
|
|
18775
|
-
}
|
|
18776
|
-
],
|
|
18777
|
-
"slots": [
|
|
18778
|
-
{
|
|
18779
|
-
"description": "Default slot for text content",
|
|
18780
|
-
"name": ""
|
|
18781
|
-
}
|
|
18782
|
-
],
|
|
18783
|
-
"members": [
|
|
18784
|
-
{
|
|
18785
|
-
"kind": "field",
|
|
18786
|
-
"name": "type",
|
|
18787
|
-
"type": {
|
|
18788
|
-
"text": "TextType"
|
|
18789
|
-
},
|
|
18790
|
-
"privacy": "public",
|
|
18791
|
-
"description": "Specifies the text style to be applied.\n\nAcceptable values include:\n\n- 'body-small-regular'\n- 'body-small-medium'\n- 'body-small-bold'\n- 'body-midsize-regular'\n- 'body-midsize-medium'\n- 'body-midsize-bold'\n- 'body-large-regular'\n- 'body-large-medium'\n- 'body-large-bold'\n- 'body-small-regular-underline'\n- 'body-small-medium-underline'\n- 'body-midsize-regular-underline'\n- 'body-midsize-medium-underline'\n- 'body-large-regular-underline'\n- 'body-large-medium-underline'\n- 'heading-small-regular'\n- 'heading-small-medium'\n- 'heading-small-bold'\n- 'heading-midsize-regular'\n- 'heading-midsize-medium'\n- 'heading-midsize-bold'\n- 'heading-large-regular'\n- 'heading-large-medium'\n- 'heading-large-bold'\n- 'heading-xlarge-regular'\n- 'heading-xlarge-medium'\n- 'heading-xlarge-bold'\n- 'headline-small-light'\n- 'headline-small-regular'",
|
|
18792
|
-
"default": "body-large-regular",
|
|
18793
|
-
"attribute": "type",
|
|
18794
|
-
"reflects": true
|
|
18795
|
-
},
|
|
18796
|
-
{
|
|
18797
|
-
"kind": "field",
|
|
18798
|
-
"name": "tagname",
|
|
18799
|
-
"type": {
|
|
18800
|
-
"text": "TagName | undefined"
|
|
18801
|
-
},
|
|
18802
|
-
"privacy": "public",
|
|
18803
|
-
"description": "Specifies the HTML tag name for the text element. The default tag name is `p`.\nThis attribute is optional. When set, it changes the tag name of the text element.\n\nAcceptable values include:\n\n- 'h1'\n- 'h2'\n- 'h3'\n- 'h4'\n- 'h5'\n- 'h6'\n- 'p'\n- 'small'\n- 'span'\n- 'div'\n\nFor instance, setting this attribute to `h2` will render the text element as an `h2` element.\nNote that the styling is determined by the `type` attribute.",
|
|
18804
|
-
"attribute": "tagname",
|
|
18805
|
-
"reflects": true
|
|
18806
|
-
}
|
|
18807
|
-
],
|
|
18808
|
-
"attributes": [
|
|
18809
|
-
{
|
|
18810
|
-
"name": "type",
|
|
18811
|
-
"type": {
|
|
18812
|
-
"text": "TextType"
|
|
18813
|
-
},
|
|
18814
|
-
"description": "Specifies the text style to be applied.\n\nAcceptable values include:\n\n- 'body-small-regular'\n- 'body-small-medium'\n- 'body-small-bold'\n- 'body-midsize-regular'\n- 'body-midsize-medium'\n- 'body-midsize-bold'\n- 'body-large-regular'\n- 'body-large-medium'\n- 'body-large-bold'\n- 'body-small-regular-underline'\n- 'body-small-medium-underline'\n- 'body-midsize-regular-underline'\n- 'body-midsize-medium-underline'\n- 'body-large-regular-underline'\n- 'body-large-medium-underline'\n- 'heading-small-regular'\n- 'heading-small-medium'\n- 'heading-small-bold'\n- 'heading-midsize-regular'\n- 'heading-midsize-medium'\n- 'heading-midsize-bold'\n- 'heading-large-regular'\n- 'heading-large-medium'\n- 'heading-large-bold'\n- 'heading-xlarge-regular'\n- 'heading-xlarge-medium'\n- 'heading-xlarge-bold'\n- 'headline-small-light'\n- 'headline-small-regular'",
|
|
18815
|
-
"default": "body-large-regular",
|
|
18816
|
-
"fieldName": "type"
|
|
18817
|
-
},
|
|
18818
|
-
{
|
|
18819
|
-
"name": "tagname",
|
|
18820
|
-
"type": {
|
|
18821
|
-
"text": "TagName | undefined"
|
|
18822
|
-
},
|
|
18823
|
-
"description": "Specifies the HTML tag name for the text element. The default tag name is `p`.\nThis attribute is optional. When set, it changes the tag name of the text element.\n\nAcceptable values include:\n\n- 'h1'\n- 'h2'\n- 'h3'\n- 'h4'\n- 'h5'\n- 'h6'\n- 'p'\n- 'small'\n- 'span'\n- 'div'\n\nFor instance, setting this attribute to `h2` will render the text element as an `h2` element.\nNote that the styling is determined by the `type` attribute.",
|
|
18824
|
-
"fieldName": "tagname"
|
|
18825
|
-
}
|
|
18826
|
-
],
|
|
18827
|
-
"superclass": {
|
|
18828
|
-
"name": "Component",
|
|
18829
|
-
"module": "/src/models"
|
|
18830
|
-
},
|
|
18831
|
-
"tagName": "mdc-text",
|
|
18832
|
-
"jsDoc": "/**\n * Text component for creating styled text elements.\n * It has to be mounted within the ThemeProvider to access color and font tokens.\n *\n * The `type` attribute allows changing the text style.\n * The `tagname` attribute allows changing the tag name of the text element.\n * The default tag name is `p`.\n *\n * The `tagname` attribute should be a valid HTML tag name.\n * If the `tagname` attribute is not a valid HTML tag name, the default tag name will be used.\n *\n * The styling is applied based on the `type` attribute.\n *\n * @tagname mdc-text\n * @slot - Default slot for text content\n *\n * @csspart text - The text element\n */",
|
|
18833
|
-
"customElement": true
|
|
18834
|
-
}
|
|
18835
|
-
],
|
|
18836
|
-
"exports": [
|
|
18837
|
-
{
|
|
18838
|
-
"kind": "js",
|
|
18839
|
-
"name": "default",
|
|
18840
|
-
"declaration": {
|
|
18841
|
-
"name": "Text",
|
|
18842
|
-
"module": "components/text/text.component.js"
|
|
18843
|
-
}
|
|
18844
|
-
}
|
|
18845
|
-
]
|
|
18846
|
-
},
|
|
18847
18847
|
{
|
|
18848
18848
|
"kind": "javascript-module",
|
|
18849
18849
|
"path": "components/textarea/textarea.component.js",
|
package/dist/react/index.d.ts
CHANGED
|
@@ -13,8 +13,8 @@ export { default as Chip } from './chip';
|
|
|
13
13
|
export { default as Coachmark } from './coachmark';
|
|
14
14
|
export { default as Divider } from './divider';
|
|
15
15
|
export { default as FilterChip } from './filterchip';
|
|
16
|
-
export { default as FormfieldGroup } from './formfieldgroup';
|
|
17
16
|
export { default as FormfieldWrapper } from './formfieldwrapper';
|
|
17
|
+
export { default as FormfieldGroup } from './formfieldgroup';
|
|
18
18
|
export { default as Icon } from './icon';
|
|
19
19
|
export { default as IconProvider } from './iconprovider';
|
|
20
20
|
export { default as Input } from './input';
|
|
@@ -40,8 +40,8 @@ export { default as StaticCheckbox } from './staticcheckbox';
|
|
|
40
40
|
export { default as StaticRadio } from './staticradio';
|
|
41
41
|
export { default as StaticToggle } from './statictoggle';
|
|
42
42
|
export { default as Tab } from './tab';
|
|
43
|
-
export { default as TabList } from './tablist';
|
|
44
43
|
export { default as Text } from './text';
|
|
44
|
+
export { default as TabList } from './tablist';
|
|
45
45
|
export { default as Textarea } from './textarea';
|
|
46
46
|
export { default as ThemeProvider } from './themeprovider';
|
|
47
47
|
export { default as Toggle } from './toggle';
|
package/dist/react/index.js
CHANGED
|
@@ -13,8 +13,8 @@ export { default as Chip } from './chip';
|
|
|
13
13
|
export { default as Coachmark } from './coachmark';
|
|
14
14
|
export { default as Divider } from './divider';
|
|
15
15
|
export { default as FilterChip } from './filterchip';
|
|
16
|
-
export { default as FormfieldGroup } from './formfieldgroup';
|
|
17
16
|
export { default as FormfieldWrapper } from './formfieldwrapper';
|
|
17
|
+
export { default as FormfieldGroup } from './formfieldgroup';
|
|
18
18
|
export { default as Icon } from './icon';
|
|
19
19
|
export { default as IconProvider } from './iconprovider';
|
|
20
20
|
export { default as Input } from './input';
|
|
@@ -40,8 +40,8 @@ export { default as StaticCheckbox } from './staticcheckbox';
|
|
|
40
40
|
export { default as StaticRadio } from './staticradio';
|
|
41
41
|
export { default as StaticToggle } from './statictoggle';
|
|
42
42
|
export { default as Tab } from './tab';
|
|
43
|
-
export { default as TabList } from './tablist';
|
|
44
43
|
export { default as Text } from './text';
|
|
44
|
+
export { default as TabList } from './tablist';
|
|
45
45
|
export { default as Textarea } from './textarea';
|
|
46
46
|
export { default as ThemeProvider } from './themeprovider';
|
|
47
47
|
export { default as Toggle } from './toggle';
|
package/package.json
CHANGED