@cds/core 5.6.0 → 5.6.4

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 (149) hide show
  1. package/_virtual/_virtual_library-entry-points +1 -1
  2. package/accordion/accordion-content.element.scss.js +1 -1
  3. package/accordion/accordion-header.element.scss.js +1 -1
  4. package/accordion/accordion-panel.element.d.ts +3 -3
  5. package/accordion/accordion-panel.element.scss.js +1 -1
  6. package/alert/alert-actions.element.d.ts +2 -2
  7. package/alert/alert-actions.element.js +1 -1
  8. package/alert/alert-group.element.d.ts +4 -7
  9. package/alert/alert-group.element.js +1 -1
  10. package/alert/alert-group.element.js.map +1 -1
  11. package/alert/alert-group.element.scss.js +1 -1
  12. package/alert/alert.element.d.ts +4 -3
  13. package/alert/alert.element.scss.js +1 -1
  14. package/badge/badge.element.d.ts +1 -1
  15. package/badge/badge.element.scss.js +1 -1
  16. package/breadcrumb/breadcrumb.element.d.ts +1 -1
  17. package/breadcrumb/breadcrumb.element.js +1 -1
  18. package/breadcrumb/breadcrumb.element.js.map +1 -1
  19. package/button/button.element.d.ts +5 -3
  20. package/button/button.element.js +1 -1
  21. package/button/button.element.js.map +1 -1
  22. package/card/card.element.d.ts +1 -1
  23. package/card/card.element.js +1 -1
  24. package/card/card.element.js.map +1 -1
  25. package/card/card.element.scss.js +1 -1
  26. package/checkbox/checkbox.element.scss.js +1 -1
  27. package/custom-elements.json +5214 -4141
  28. package/custom-elements.legacy.json +34 -212
  29. package/file/file.element.d.ts +2 -1
  30. package/forms/control/control.element.d.ts +4 -3
  31. package/forms/control/control.element.js.map +1 -1
  32. package/forms/control-action/control-action.element.d.ts +2 -1
  33. package/forms/control-group/control-group.element.d.ts +4 -3
  34. package/forms/control-group/control-group.element.js.map +1 -1
  35. package/forms/control-inline/control-inline.element.d.ts +3 -2
  36. package/forms/control-label/control-label.element.scss.js +1 -1
  37. package/forms/control-message/control-message.element.scss.js +1 -1
  38. package/forms/form-group/form-group.element.d.ts +3 -3
  39. package/global.css +1 -0
  40. package/global.min.css +1 -1
  41. package/icon/icon.element.d.ts +3 -3
  42. package/icon/icon.element.scss.js +1 -1
  43. package/icon/utils/icon.classnames.d.ts +1 -0
  44. package/icon/utils/icon.classnames.js +1 -1
  45. package/icon/utils/icon.classnames.js.map +1 -1
  46. package/input/input-group.element.d.ts +2 -1
  47. package/input/input.element.scss.js +1 -1
  48. package/internal/base/base.element.scss.js +1 -1
  49. package/internal/base/button.base.d.ts +2 -4
  50. package/internal/base/button.base.js +1 -1
  51. package/internal/base/button.base.js.map +1 -1
  52. package/internal/decorators/property.js +1 -1
  53. package/internal/decorators/property.js.map +1 -1
  54. package/internal/index.d.ts +3 -0
  55. package/internal/index.js +1 -1
  56. package/internal/index.js.map +1 -1
  57. package/internal/motion/interfaces.d.ts +1 -1
  58. package/internal/motion/utils.d.ts +4 -3
  59. package/internal/services/i18n.service.d.ts +8 -0
  60. package/internal/services/i18n.service.js +1 -1
  61. package/internal/services/i18n.service.js.map +1 -1
  62. package/internal/utils/css.d.ts +1 -0
  63. package/internal/utils/css.js +1 -1
  64. package/internal/utils/css.js.map +1 -1
  65. package/internal/utils/environment.d.ts +2 -0
  66. package/internal/utils/environment.js +2 -0
  67. package/internal/utils/environment.js.map +1 -0
  68. package/internal/utils/events.js +1 -1
  69. package/internal/utils/events.js.map +1 -1
  70. package/internal/utils/exists.d.ts +1 -4
  71. package/internal/utils/exists.js +1 -1
  72. package/internal/utils/exists.js.map +1 -1
  73. package/internal/utils/global.js +1 -1
  74. package/internal/utils/global.js.map +1 -1
  75. package/internal/utils/lit.d.ts +2 -2
  76. package/internal/utils/register.js +1 -1
  77. package/internal/utils/register.js.map +1 -1
  78. package/internal/utils/string.d.ts +1 -0
  79. package/internal/utils/string.js +1 -1
  80. package/internal/utils/string.js.map +1 -1
  81. package/internal-components/overlay/overlay.element.d.ts +6 -9
  82. package/internal-components/overlay/overlay.element.js +1 -1
  83. package/internal-components/overlay/overlay.element.js.map +1 -1
  84. package/modal/modal-content.element.d.ts +2 -4
  85. package/modal/modal-content.element.js.map +1 -1
  86. package/modal/modal.element.d.ts +2 -1
  87. package/navigation/navigation-item.element.d.ts +0 -1
  88. package/navigation/navigation-item.element.js +1 -1
  89. package/navigation/navigation-item.element.js.map +1 -1
  90. package/navigation/navigation-item.element.scss.js +1 -1
  91. package/navigation/navigation-start.element.d.ts +1 -3
  92. package/navigation/navigation-start.element.js +1 -1
  93. package/navigation/navigation-start.element.js.map +1 -1
  94. package/navigation/navigation.element.d.ts +1 -6
  95. package/navigation/navigation.element.js +1 -1
  96. package/navigation/navigation.element.js.map +1 -1
  97. package/package.json +9 -9
  98. package/pagination/pagination-button.element.d.ts +2 -1
  99. package/pagination/pagination.element.d.ts +2 -2
  100. package/password/password.element.d.ts +0 -1
  101. package/password/password.element.js +1 -1
  102. package/password/password.element.js.map +1 -1
  103. package/polyfills/aria-reflect.d.ts +45 -0
  104. package/polyfills/aria-reflect.js +2 -0
  105. package/polyfills/aria-reflect.js.map +1 -0
  106. package/polyfills/index.d.ts +1 -0
  107. package/polyfills/index.js +2 -0
  108. package/{selection-panels → polyfills}/index.js.map +0 -0
  109. package/progress-circle/progress-circle.element.d.ts +26 -3
  110. package/progress-circle/progress-circle.element.js +1 -1
  111. package/progress-circle/progress-circle.element.js.map +1 -1
  112. package/progress-circle/progress-circle.utils.d.ts +6 -0
  113. package/progress-circle/progress-circle.utils.js +2 -0
  114. package/progress-circle/progress-circle.utils.js.map +1 -0
  115. package/radio/radio-group.element.d.ts +2 -1
  116. package/radio/radio.element.d.ts +2 -1
  117. package/radio/radio.element.scss.js +1 -1
  118. package/range/range.element.d.ts +2 -1
  119. package/select/select.element.d.ts +2 -1
  120. package/select/select.global.scss.js +1 -1
  121. package/selection-panels/checkbox/index.d.ts +0 -1
  122. package/selection-panels/radio/index.d.ts +0 -1
  123. package/styles/module.tokens.css +1 -0
  124. package/styles/module.tokens.min.css +1 -1
  125. package/tag/tag.element.d.ts +2 -1
  126. package/tag/tag.element.scss.js +1 -1
  127. package/textarea/textarea.element.scss.js +1 -1
  128. package/toggle/toggle.element.d.ts +2 -1
  129. package/toggle/toggle.element.js.map +1 -1
  130. package/tokens/tokens.android.xml +1 -0
  131. package/tokens/tokens.d.ts +1 -0
  132. package/tokens/tokens.ios.swift +1 -0
  133. package/tokens/tokens.js +1 -0
  134. package/tokens/tokens.json +3 -0
  135. package/tokens/tokens.scss +1 -0
  136. package/tree-view/tree-item.element.d.ts +3 -7
  137. package/tree-view/tree-item.element.js +1 -1
  138. package/tree-view/tree-item.element.js.map +1 -1
  139. package/tree-view/tree-item.element.scss.js +1 -1
  140. package/tree-view/tree.element.d.ts +0 -4
  141. package/tree-view/tree.element.js +1 -1
  142. package/tree-view/tree.element.js.map +1 -1
  143. package/navigation/navigation-start.element.scss.js +0 -6
  144. package/navigation/navigation-start.element.scss.js.map +0 -1
  145. package/selection-panels/index.d.ts +0 -11
  146. package/selection-panels/index.js +0 -2
  147. package/selection-panels/register.d.ts +0 -8
  148. package/selection-panels/register.js +0 -2
  149. package/selection-panels/register.js.map +0 -1
@@ -1,2 +1,2 @@
1
- import{css as a}from"lit";var t=a`:host{contain:inherit!important;--text-transform:initial}:host([action=primary]){min-width:var(--label-width,var(--internal-label-min-width));max-width:var(--label-width,var(--internal-label-max-width,calc(var(--cds-global-layout-space-xxl,calc((96 / var(--cds-global-base,20)) * 1rem)) * 2)))}::slotted([slot=label]){font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif)!important;display:inline-block!important;text-transform:var(--text-transform)!important;cursor:pointer!important;font-size:var(--cds-global-typography-secondary-font-size,calc((13 / var(--cds-global-base,20)) * 1rem))!important;font-weight:var(--cds-global-typography-secondary-font-weight,400)!important;color:var(--cds-global-typography-color-300,var(--cds-global-color-construction-800,#2d4048))!important;line-height:var(--cds-global-typography-secondary-line-height,1.23077em)!important;letter-spacing:var(--cds-global-typography-secondary-letter-spacing,-.007692em)!important}::slotted([slot=label])::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-secondary-line-height,1.23077em) - 1em)/ 2))*-1) + .037em)}::slotted([slot=label])::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-secondary-line-height,1.23077em) - 1em)/ 2))*-1) - .044em)}:host([disabled]) ::slotted([slot=label]){color:var(--cds-alias-status-disabled,var(--cds-global-color-construction-300,#aeb8bc))!important;cursor:not-allowed!important}:host([action=primary]) ::slotted([slot=label]){font-weight:700!important}::slotted(cds-control-action){padding:var(--cds-global-space-4,calc((6 / var(--cds-global-base,20)) * 1rem)) 0 var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem)) 0!important;margin-bottom:calc(-1*var(--cds-global-space-5,calc((8 / var(--cds-global-base,20)) * 1rem)))!important;margin-top:calc(-1*calc(var(--cds-global-space-6,calc((12 / var(--cds-global-base,20)) * 1rem)) - var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem))))!important}`;export default t;
1
+ import{css as a}from"lit";var t=a`:host{contain:inherit!important;--text-transform:initial}:host([action=primary]){min-width:var(--label-width,var(--internal-label-min-width));max-width:var(--label-width,var(--internal-label-max-width,calc(var(--cds-global-layout-space-xxl,calc((96 / var(--cds-global-base,20)) * 1rem)) * 2)))}::slotted([slot=label]){font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif)!important;display:inline-block!important;text-transform:var(--text-transform)!important;cursor:pointer!important;font-size:var(--cds-global-typography-secondary-font-size,calc((13 / var(--cds-global-base,20)) * 1rem))!important;font-weight:var(--cds-global-typography-secondary-font-weight,400)!important;color:var(--cds-global-typography-color-400,var(--cds-global-color-construction-900,#21333b))!important;line-height:var(--cds-global-typography-secondary-line-height,1.23077em)!important;letter-spacing:var(--cds-global-typography-secondary-letter-spacing,-.007692em)!important}::slotted([slot=label])::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-secondary-line-height,1.23077em) - 1em)/ 2))*-1) + .037em)}::slotted([slot=label])::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-secondary-line-height,1.23077em) - 1em)/ 2))*-1) - .044em)}:host([disabled]) ::slotted([slot=label]){color:var(--cds-alias-status-disabled,var(--cds-global-color-construction-300,#aeb8bc))!important;cursor:not-allowed!important}:host([action=primary]) ::slotted([slot=label]){font-weight:var(--cds-global-typography-font-weight-semibold,600)!important}::slotted(cds-control-action){padding:var(--cds-global-space-4,calc((6 / var(--cds-global-base,20)) * 1rem)) 0 var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem)) 0!important;margin-bottom:calc(-1*var(--cds-global-space-5,calc((8 / var(--cds-global-base,20)) * 1rem)))!important;margin-top:calc(-1*calc(var(--cds-global-space-6,calc((12 / var(--cds-global-base,20)) * 1rem)) - var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem))))!important}`;export default t;
2
2
  //# sourceMappingURL=control-label.element.scss.js.map
@@ -1,2 +1,2 @@
1
- import{css as a}from"lit";var o=a`:host{--color:var(--cds-global-typography-color-300, var(--cds-global-color-construction-800, #2d4048));--font-size:var(--cds-global-typography-font-size-1, calc((11 / var(--cds-global-base, 20)) * 1rem));--font-weight:var(--cds-global-typography-font-weight-regular, 400);--min-width:var(--cds-global-layout-space-xxl, calc((96 / var(--cds-global-base, 20)) * 1rem));--max-width:initial;min-width:var(--min-width);max-width:var(--max-width)}.private-host{color:var(--color);font-size:var(--font-size);font-weight:var(--font-weight);line-height:1em}.private-host::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((.1475em + 0em)*-1) + .037em)}.private-host::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - .1475em - .1703em - .517em) + 0em)*-1) - .044em)}:host([status=error]){--color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=success]){--color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([_disabled]){--color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}::slotted(cds-control-action){margin-bottom:calc(-1*var(--cds-global-space-5,calc((8 / var(--cds-global-base,20)) * 1rem)))}`;export default o;
1
+ import{css as a}from"lit";var o=a`:host{--color:var(--cds-global-typography-color-200, var(--cds-global-color-construction-600, #4f6169));--font-size:var(--cds-global-typography-font-size-1, calc((11 / var(--cds-global-base, 20)) * 1rem));--font-weight:var(--cds-global-typography-font-weight-regular, 400);--min-width:var(--cds-global-layout-space-xxl, calc((96 / var(--cds-global-base, 20)) * 1rem));--max-width:initial;min-width:var(--min-width);max-width:var(--max-width)}.private-host{color:var(--color);font-size:var(--font-size);font-weight:var(--font-weight);line-height:1em}.private-host::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((.1475em + 0em)*-1) + .037em)}.private-host::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - .1475em - .1703em - .517em) + 0em)*-1) - .044em)}:host([status=error]){--color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=success]){--color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([_disabled]){--color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}::slotted(cds-control-action){margin-bottom:calc(-1*var(--cds-global-space-5,calc((8 / var(--cds-global-base,20)) * 1rem)))}`;export default o;
2
2
  //# sourceMappingURL=control-message.element.scss.js.map
@@ -1,4 +1,4 @@
1
- import { LitElement } from 'lit';
1
+ import { LitElement, PropertyValues } from 'lit';
2
2
  import { FormLayout, ControlWidth } from '../utils/interfaces.js';
3
3
  /**
4
4
  * Form
@@ -54,8 +54,8 @@ export declare class CdsFormGroup extends LitElement {
54
54
  static get styles(): import("lit").CSSResultGroup[];
55
55
  render(): import("lit-html").TemplateResult<1>;
56
56
  private overflowElement;
57
- firstUpdated(props: Map<string, any>): void;
58
- updated(props: Map<string, any>): void;
57
+ firstUpdated(props: PropertyValues<any>): void;
58
+ updated(props: PropertyValues<any>): void;
59
59
  disconnectedCallback(): void;
60
60
  private setControlLabelWidths;
61
61
  private syncLayouts;
package/global.css CHANGED
@@ -354,6 +354,7 @@
354
354
  --cds-alias-object-opacity-200:hsla(0, 0%, 0%, 0.4);
355
355
  --cds-alias-object-opacity-300:hsla(0, 0%, 0%, 0.6);
356
356
  --cds-alias-object-interaction-outline: Highlight solid 2px;
357
+ --cds-alias-object-interaction-outline-webkit: 5px auto -webkit-focus-ring-color;
357
358
  --cds-alias-object-interaction-outline-offset: 1px;
358
359
  --cds-alias-object-interaction-touch-target:calc((36 / var(--cds-global-base, 20)) * 1rem);
359
360
  --cds-alias-object-interaction-border-color:var(--cds-global-color-construction-500);