@momentum-design/components 0.129.29 → 0.129.30

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.
Files changed (14) hide show
  1. package/dist/browser/index.js +43 -47
  2. package/dist/browser/index.js.map +2 -2
  3. package/dist/components/radio/radio.component.d.ts +46 -20
  4. package/dist/components/radio/radio.component.js +46 -20
  5. package/dist/components/radio/radio.styles.js +9 -13
  6. package/dist/components/staticradio/staticradio.component.d.ts +17 -16
  7. package/dist/components/staticradio/staticradio.component.js +17 -16
  8. package/dist/components/staticradio/staticradio.styles.js +34 -34
  9. package/dist/custom-elements.json +107 -230
  10. package/dist/react/radio/index.d.ts +24 -10
  11. package/dist/react/radio/index.js +24 -10
  12. package/dist/react/staticradio/index.d.ts +11 -10
  13. package/dist/react/staticradio/index.js +11 -10
  14. package/package.json +1 -1
package/dist/browser/index.js CHANGED
@@ -2456,11 +2456,11 @@
2456
2456
  </div>
2457
2457
  `}};Ss.styles=[...Ir.styles,...Tf],p([u({type:Boolean,reflect:!0})],Ss.prototype,"checked",2),p([u({type:String})],Ss.prototype,"name",2);var Hc=Ss;var Ol=z.constructTagName("cardradio");var sT=[U`
2458
2458
  :host {
2459
- --mdc-radio-inner-circle-size: 0.375rem;
2460
- --mdc-radio-outer-circle-size: 1rem;
2461
- --mdc-radio-inner-circle-background-color: var(--mds-color-theme-inverted-text-primary-normal);
2462
- --mdc-radio-outer-circle-border-color: var(--mds-color-theme-outline-input-normal);
2463
- --mdc-radio-outer-circle-background-color: var(--mds-color-theme-control-inactive-normal);
2459
+ --mdc-staticradio-inner-circle-size: 0.375rem;
2460
+ --mdc-staticradio-outer-circle-size: 1rem;
2461
+ --mdc-staticradio-inner-circle-background-color: var(--mds-color-theme-inverted-text-primary-normal);
2462
+ --mdc-staticradio-outer-circle-border-color: var(--mds-color-theme-outline-input-normal);
2463
+ --mdc-staticradio-outer-circle-background-color: var(--mds-color-theme-control-inactive-normal);
2464
2464
 
2465
2465
  display: block;
2466
2466
  position: relative;
@@ -2474,10 +2474,10 @@
2474
2474
  position: absolute;
2475
2475
  top: 0;
2476
2476
  left: 0;
2477
- width: var(--mdc-radio-outer-circle-size);
2478
- height: var(--mdc-radio-outer-circle-size);
2479
- border: 0.0625rem solid var(--mdc-radio-outer-circle-border-color);
2480
- background-color: var(--mdc-radio-outer-circle-background-color);
2477
+ width: var(--mdc-staticradio-outer-circle-size);
2478
+ height: var(--mdc-staticradio-outer-circle-size);
2479
+ border: 0.0625rem solid var(--mdc-staticradio-outer-circle-border-color);
2480
+ background-color: var(--mdc-staticradio-outer-circle-background-color);
2481
2481
  border-radius: 50%;
2482
2482
  }
2483
2483
 
@@ -2488,8 +2488,8 @@
2488
2488
  }
2489
2489
 
2490
2490
  :host([checked]) {
2491
- --mdc-radio-outer-circle-border-color: var(--mds-color-theme-control-active-normal);
2492
- --mdc-radio-outer-circle-background-color: var(--mds-color-theme-control-active-normal);
2491
+ --mdc-staticradio-outer-circle-border-color: var(--mds-color-theme-control-active-normal);
2492
+ --mdc-staticradio-outer-circle-background-color: var(--mds-color-theme-control-active-normal);
2493
2493
  }
2494
2494
 
2495
2495
  :host([checked]) .radio-icon:after {
@@ -2497,58 +2497,58 @@
2497
2497
  top: 50%;
2498
2498
  left: 50%;
2499
2499
  transform: translate(-50%, -50%);
2500
- width: var(--mdc-radio-inner-circle-size);
2501
- height: var(--mdc-radio-inner-circle-size);
2500
+ width: var(--mdc-staticradio-inner-circle-size);
2501
+ height: var(--mdc-staticradio-inner-circle-size);
2502
2502
  border-radius: 50%;
2503
- background-color: var(--mdc-radio-inner-circle-background-color);
2503
+ background-color: var(--mdc-staticradio-inner-circle-background-color);
2504
2504
  }
2505
2505
 
2506
2506
  :host([readonly]) {
2507
- --mdc-radio-outer-circle-border-color: var(--mds-color-theme-outline-input-normal);
2508
- --mdc-radio-outer-circle-background-color: transparent;
2507
+ --mdc-staticradio-outer-circle-border-color: var(--mds-color-theme-outline-input-normal);
2508
+ --mdc-staticradio-outer-circle-background-color: transparent;
2509
2509
  }
2510
2510
 
2511
2511
  :host([readonly][checked]) {
2512
- --mdc-radio-inner-circle-background-color: var(--mds-color-theme-text-primary-normal);
2513
- --mdc-radio-outer-circle-border-color: var(--mds-color-theme-outline-input-normal);
2514
- --mdc-radio-outer-circle-background-color: transparent;
2512
+ --mdc-staticradio-inner-circle-background-color: var(--mds-color-theme-text-primary-normal);
2513
+ --mdc-staticradio-outer-circle-border-color: var(--mds-color-theme-outline-input-normal);
2514
+ --mdc-staticradio-outer-circle-background-color: transparent;
2515
2515
  }
2516
2516
 
2517
2517
  :host([disabled]),
2518
2518
  :host([soft-disabled]) {
2519
- --mdc-radio-outer-circle-border-color: var(--mds-color-theme-outline-primary-disabled);
2520
- --mdc-radio-outer-circle-background-color: var(--mds-color-theme-control-inactive-disabled);
2519
+ --mdc-staticradio-outer-circle-border-color: var(--mds-color-theme-outline-primary-disabled);
2520
+ --mdc-staticradio-outer-circle-background-color: var(--mds-color-theme-control-inactive-disabled);
2521
2521
  }
2522
2522
 
2523
2523
  :host([disabled][checked]),
2524
2524
  :host([soft-disabled][checked]) {
2525
- --mdc-radio-inner-circle-background-color: var(--mds-color-theme-inverted-text-primary-disabled);
2526
- --mdc-radio-outer-circle-border-color: transparent;
2527
- --mdc-radio-outer-circle-background-color: var(--mds-color-theme-control-active-disabled);
2525
+ --mdc-staticradio-inner-circle-background-color: var(--mds-color-theme-inverted-text-primary-disabled);
2526
+ --mdc-staticradio-outer-circle-border-color: transparent;
2527
+ --mdc-staticradio-outer-circle-background-color: var(--mds-color-theme-control-active-disabled);
2528
2528
  }
2529
2529
 
2530
2530
  @media (forced-colors: active) {
2531
2531
  :host([checked]) {
2532
- --mdc-radio-outer-circle-border-color: SelectedItem;
2533
- --mdc-radio-outer-circle-background-color: SelectedItem;
2532
+ --mdc-staticradio-outer-circle-border-color: SelectedItem;
2533
+ --mdc-staticradio-outer-circle-background-color: SelectedItem;
2534
2534
  }
2535
2535
  :host([readonly]),
2536
2536
  :host([readonly][checked]) {
2537
- --mdc-radio-inner-circle-background-color: Highlight;
2538
- --mdc-radio-outer-circle-border-color: Highlight;
2539
- --mdc-radio-outer-circle-background-color: ButtonFace;
2537
+ --mdc-staticradio-inner-circle-background-color: Highlight;
2538
+ --mdc-staticradio-outer-circle-border-color: Highlight;
2539
+ --mdc-staticradio-outer-circle-background-color: ButtonFace;
2540
2540
  }
2541
2541
  :host([disabled]),
2542
2542
  :host([soft-disabled]) {
2543
- --mdc-radio-outer-circle-border-color: GrayText;
2544
- --mdc-radio-outer-circle-background-color: GrayText;
2545
- --mdc-radio-inner-circle-background-color: GrayText;
2543
+ --mdc-staticradio-outer-circle-border-color: GrayText;
2544
+ --mdc-staticradio-outer-circle-background-color: GrayText;
2545
+ --mdc-staticradio-inner-circle-background-color: GrayText;
2546
2546
  }
2547
2547
 
2548
2548
  :host([disabled][checked]),
2549
2549
  :host([soft-disabled][checked]) {
2550
- --mdc-radio-outer-circle-border-color: GrayText;
2551
- --mdc-radio-outer-circle-background-color: GrayText;
2550
+ --mdc-staticradio-outer-circle-border-color: GrayText;
2551
+ --mdc-staticradio-outer-circle-background-color: GrayText;
2552
2552
  }
2553
2553
  }
2554
2554
  `],xf=sT;var _o=class extends Bt(q){constructor(){super(...arguments);this.checked=!1;this.readonly=!1;this.softDisabled=!1}render(){return _` <slot></slot>
@@ -4992,6 +4992,9 @@
4992
4992
  ></mdc-icon>
4993
4993
  `}render(){return this.error?this.renderErrorState():this.clampedValue===100?this.renderSuccessState():_` ${this.renderProgressSpinner()}`}};pd.styles=[...q.styles,...vg];var $h=pd;$h.register(pg);var tA=$h;var eA=[yt,U`
4994
4994
  :host {
4995
+ --mdc-label-font-size: var(--mds-font-apps-body-midsize-regular-font-size);
4996
+ --mdc-label-font-weight: var(--mds-font-apps-body-midsize-regular-font-weight);
4997
+ --mdc-label-line-height: var(--mds-font-apps-body-midsize-regular-line-height);
4995
4998
  display: flex;
4996
4999
  flex-direction: row;
4997
5000
  align-items: start;
@@ -5016,35 +5019,28 @@
5016
5019
  flex: 1;
5017
5020
  }
5018
5021
 
5019
- :host::part(required-indicator) {
5020
- display: none;
5021
- }
5022
-
5023
5022
  :host::part(label) {
5024
5023
  cursor: pointer;
5025
5024
  word-break: break-word;
5026
5025
  white-space: normal;
5027
- --mdc-label-font-size: var(--mds-font-apps-body-midsize-regular-font-size);
5028
- --mdc-label-font-weight: var(--mds-font-apps-body-midsize-regular-font-weight);
5029
- --mdc-label-line-height: var(--mds-font-apps-body-midsize-regular-line-height);
5030
5026
  }
5031
5027
 
5032
5028
  :host(:hover)::part(static-radio) {
5033
- --mdc-radio-outer-circle-background-color: var(--mds-color-theme-control-inactive-hover);
5029
+ --mdc-staticradio-outer-circle-background-color: var(--mds-color-theme-control-inactive-hover);
5034
5030
  }
5035
5031
 
5036
5032
  :host(:active)::part(static-radio) {
5037
- --mdc-radio-outer-circle-background-color: var(--mds-color-theme-control-inactive-pressed);
5033
+ --mdc-staticradio-outer-circle-background-color: var(--mds-color-theme-control-inactive-pressed);
5038
5034
  }
5039
5035
 
5040
5036
  :host([checked]:hover)::part(static-radio) {
5041
- --mdc-radio-outer-circle-border-color: var(--mds-color-theme-control-active-hover);
5042
- --mdc-radio-outer-circle-background-color: var(--mds-color-theme-control-active-hover);
5037
+ --mdc-staticradio-outer-circle-border-color: var(--mds-color-theme-control-active-hover);
5038
+ --mdc-staticradio-outer-circle-background-color: var(--mds-color-theme-control-active-hover);
5043
5039
  }
5044
5040
 
5045
5041
  :host([checked]:active)::part(static-radio) {
5046
- --mdc-radio-outer-circle-border-color: var(--mds-color-theme-control-active-pressed);
5047
- --mdc-radio-outer-circle-background-color: var(--mds-color-theme-control-active-pressed);
5042
+ --mdc-staticradio-outer-circle-border-color: var(--mds-color-theme-control-active-pressed);
5043
+ --mdc-staticradio-outer-circle-background-color: var(--mds-color-theme-control-active-pressed);
5048
5044
  }
5049
5045
 
5050
5046
  :host([readonly]),