@govtechsg/sgds-web-component 3.6.0 → 3.6.2

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 (88) hide show
  1. package/base/dropdown-element.d.ts +1 -1
  2. package/base/dropdown-element.js +3 -3
  3. package/base/dropdown-element.js.map +1 -1
  4. package/components/Breadcrumb/index.umd.min.js +7 -7
  5. package/components/Breadcrumb/index.umd.min.js.map +1 -1
  6. package/components/Checkbox/checkbox.js +1 -1
  7. package/components/Checkbox/index.umd.min.js +6 -6
  8. package/components/Checkbox/index.umd.min.js.map +1 -1
  9. package/components/Checkbox/sgds-checkbox.js +1 -1
  10. package/components/Checkbox/sgds-checkbox.js.map +1 -1
  11. package/components/ComboBox/index.umd.min.js +274 -260
  12. package/components/ComboBox/index.umd.min.js.map +1 -1
  13. package/components/ComboBox/sgds-combo-box-option.d.ts +0 -3
  14. package/components/ComboBox/sgds-combo-box-option.js +2 -20
  15. package/components/ComboBox/sgds-combo-box-option.js.map +1 -1
  16. package/components/ComboBox/sgds-combo-box.d.ts +4 -0
  17. package/components/ComboBox/sgds-combo-box.js +79 -24
  18. package/components/ComboBox/sgds-combo-box.js.map +1 -1
  19. package/components/Datepicker/index.umd.min.js +2 -2
  20. package/components/Datepicker/index.umd.min.js.map +1 -1
  21. package/components/Dropdown/index.umd.min.js +1 -1
  22. package/components/Dropdown/index.umd.min.js.map +1 -1
  23. package/components/Footer/index.umd.min.js +1 -1
  24. package/components/Footer/index.umd.min.js.map +1 -1
  25. package/components/Input/index.umd.min.js +1 -1
  26. package/components/Input/index.umd.min.js.map +1 -1
  27. package/components/Link/index.umd.min.js +9 -9
  28. package/components/Link/index.umd.min.js.map +1 -1
  29. package/components/Link/link.js +1 -1
  30. package/components/Mainnav/index.umd.min.js +1 -1
  31. package/components/Mainnav/index.umd.min.js.map +1 -1
  32. package/components/OverflowMenu/index.umd.min.js +1 -1
  33. package/components/OverflowMenu/index.umd.min.js.map +1 -1
  34. package/components/QuantityToggle/index.umd.min.js +1 -1
  35. package/components/QuantityToggle/index.umd.min.js.map +1 -1
  36. package/components/Radio/index.umd.min.js +6 -6
  37. package/components/Radio/index.umd.min.js.map +1 -1
  38. package/components/Radio/radio.js +1 -1
  39. package/components/Select/index.umd.min.js +1 -1
  40. package/components/Select/index.umd.min.js.map +1 -1
  41. package/components/Switch/index.umd.min.js +1 -1
  42. package/components/Switch/index.umd.min.js.map +1 -1
  43. package/components/Switch/switch.js +1 -1
  44. package/components/SystemBanner/index.umd.min.js +5 -1
  45. package/components/SystemBanner/index.umd.min.js.map +1 -1
  46. package/components/SystemBanner/sgds-system-banner.js +5 -1
  47. package/components/SystemBanner/sgds-system-banner.js.map +1 -1
  48. package/components/Textarea/index.umd.min.js +1 -1
  49. package/components/Textarea/index.umd.min.js.map +1 -1
  50. package/components/index.umd.min.js +33 -14
  51. package/components/index.umd.min.js.map +1 -1
  52. package/index.umd.min.js +33 -14
  53. package/index.umd.min.js.map +1 -1
  54. package/package.json +1 -1
  55. package/react/base/dropdown-element.cjs.js +3 -3
  56. package/react/base/dropdown-element.cjs.js.map +1 -1
  57. package/react/base/dropdown-element.js +3 -3
  58. package/react/base/dropdown-element.js.map +1 -1
  59. package/react/components/Checkbox/checkbox.cjs.js +1 -1
  60. package/react/components/Checkbox/checkbox.js +1 -1
  61. package/react/components/Checkbox/sgds-checkbox.cjs.js +1 -1
  62. package/react/components/Checkbox/sgds-checkbox.cjs.js.map +1 -1
  63. package/react/components/Checkbox/sgds-checkbox.js +1 -1
  64. package/react/components/Checkbox/sgds-checkbox.js.map +1 -1
  65. package/react/components/ComboBox/sgds-combo-box-option.cjs.js +2 -20
  66. package/react/components/ComboBox/sgds-combo-box-option.cjs.js.map +1 -1
  67. package/react/components/ComboBox/sgds-combo-box-option.js +2 -20
  68. package/react/components/ComboBox/sgds-combo-box-option.js.map +1 -1
  69. package/react/components/ComboBox/sgds-combo-box.cjs.js +79 -24
  70. package/react/components/ComboBox/sgds-combo-box.cjs.js.map +1 -1
  71. package/react/components/ComboBox/sgds-combo-box.js +79 -24
  72. package/react/components/ComboBox/sgds-combo-box.js.map +1 -1
  73. package/react/components/Link/link.cjs.js +1 -1
  74. package/react/components/Link/link.js +1 -1
  75. package/react/components/Radio/radio.cjs.js +1 -1
  76. package/react/components/Radio/radio.js +1 -1
  77. package/react/components/Switch/switch.cjs.js +1 -1
  78. package/react/components/Switch/switch.js +1 -1
  79. package/react/components/SystemBanner/sgds-system-banner.cjs.js +5 -1
  80. package/react/components/SystemBanner/sgds-system-banner.cjs.js.map +1 -1
  81. package/react/components/SystemBanner/sgds-system-banner.js +5 -1
  82. package/react/components/SystemBanner/sgds-system-banner.js.map +1 -1
  83. package/react/styles/form-check.cjs.js +1 -1
  84. package/react/styles/form-check.js +1 -1
  85. package/react/styles/form-text-control.cjs.js +1 -1
  86. package/react/styles/form-text-control.js +1 -1
  87. package/styles/form-check.js +1 -1
  88. package/styles/form-text-control.js +1 -1
package/styles/form-check.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css } from 'lit';
2
2
 
3
- var css_248z = css`input{margin:0}.form-check{display:flex;gap:var(--sgds-form-gap-md);padding:var(--sgds-form-padding-inline-sm) 0}.form-check-input{appearance:none;background-color:var(--sgds-form-surface-default);background-image:var(--sgds-radio-bg-image);background-position:50%;background-repeat:no-repeat;background-size:auto;border:var(--sgds-form-border-width-default) solid var(--sgds-border-color-default);height:var(--sgds-form-height-sm);width:var(--sgds-form-width-xs)}.form-check-input:checked,.form-check-input[checked]{background-color:var(--sgds-form-primary-surface-default);border:var(--sgds-form-border-width-default) solid var(--sgds-border-color-transparent)}.form-check-input:focus-visible{outline:var(--sgds-form-outline-focus);outline-offset:var(--sgds-form-outline-offset-focus)}.form-check-input:not([disabled]):not(.is-invalid):not([aria-checked=true]):not(:focus-visible):hover{outline:var(--sgds-form-border-width-thick) solid var(--sgds-border-color-emphasis);outline-offset:var(--sgds-form-outline-offset-focus)}.form-check-input:not([disabled]):not(.is-invalid):checked:focus-visible,.form-check-input:not([disabled]):not(.is-invalid):checked:hover,.form-check-input:not([disabled]):not(.is-invalid)[checked]:focus-visible,.form-check-input:not([disabled]):not(.is-invalid)[checked]:hover{background-color:var(--sgds-form-primary-surface-emphasis)}:host([disabled]) .form-check{cursor:not-allowed;opacity:var(--sgds-opacity-50)}.form-check-input:not([disabled]).is-invalid{border:var(--sgds-form-border-width-default) solid var(--sgds-form-danger-border-color-default)}.form-check-input:not([disabled]).is-invalid:focus-visible{outline:var(--sgds-border-width-2) solid var(--sgds-form-danger-color-default);outline-offset:var(--sgds-form-outline-offset-focus)}`;
3
+ var css_248z = css`input{margin:0}.form-check{display:flex;gap:var(--sgds-form-gap-md);padding:var(--sgds-form-padding-inline-sm) 0}.form-check-input{appearance:none;background-color:var(--sgds-form-surface-default);background-image:var(--sgds-radio-bg-image);background-position:50%;background-repeat:no-repeat;background-size:auto;border:var(--sgds-form-border-width-default) solid var(--sgds-border-color-default);height:var(--sgds-form-height-sm);width:var(--sgds-form-width-xs)}.form-check-input[checked]{background-color:var(--sgds-form-primary-surface-default);border:var(--sgds-form-border-width-default) solid var(--sgds-border-color-transparent)}.form-check-input:focus-visible{outline:var(--sgds-form-outline-focus);outline-offset:var(--sgds-form-outline-offset-focus)}.form-check-input:not([disabled]):not(.is-invalid):not([aria-checked=true]):not(:focus-visible):hover{outline:var(--sgds-form-border-width-thick) solid var(--sgds-border-color-emphasis);outline-offset:var(--sgds-form-outline-offset-focus)}.form-check-input:not([disabled]):not(.is-invalid)[checked]:focus-visible,.form-check-input:not([disabled]):not(.is-invalid)[checked]:hover{background-color:var(--sgds-form-primary-surface-emphasis)}:host([disabled]) .form-check{cursor:not-allowed;opacity:var(--sgds-opacity-50)}.form-check-input:not([disabled]).is-invalid{border:var(--sgds-form-border-width-default) solid var(--sgds-form-danger-border-color-default)}.form-check-input:not([disabled]).is-invalid:focus-visible{outline:var(--sgds-border-width-2) solid var(--sgds-form-danger-color-default);outline-offset:var(--sgds-form-outline-offset-focus)}`;
4
4
 
5
5
  export { css_248z as default };
6
6
  //# sourceMappingURL=form-check.js.map
package/styles/form-text-control.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css } from 'lit';
2
2
 
3
- var css_248z = css`.form-control-container{display:flex;flex-direction:column;gap:var(--sgds-form-gap-md)}.form-control-group{align-items:center;background-color:var(--sgds-form-surface-default);border:var(--sgds-form-border-width-default) solid var(--sgds-border-color-default);border-radius:var(--input-border-radius,var(--sgds-form-border-radius-md));display:flex;gap:var(--sgds-form-gap-md);height:var(--sgds-dimension-48);justify-content:center;min-width:var(--sgds-dimension-256);padding:0 var(--sgds-form-padding-x);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:-webkit-fill-available;width:-moz-available}.form-control{appearance:none;background-clip:padding-box;background:none;border:none;color:var(--sgds-form-color-default);display:block;flex-grow:1;font-size:var(--sgds-font-size-2);line-height:var(--sgds-line-height-24);outline:none;padding:0}@media (prefers-reduced-motion:reduce){.form-control-group{transition:none}}.form-control-group:not(.disabled):not(.is-invalid):not(.readonly):not(:focus-within):hover{outline:var(--sgds-form-border-width-thick) solid var(--sgds-border-color-emphasis);outline-offset:var(--sgds-form-outline-offset-focus)}.form-control-group:not(.disabled):not(.is-invalid):focus-within{outline:var(--sgds-form-outline-focus);outline-offset:var(--sgds-form-outline-offset-focus)}.form-control-container.disabled{opacity:var(--sgds-opacity-50)}.form-control-group.disabled{background-color:var(--sgds-form-surface-muted);cursor:not-allowed}.form-control-group.readonly{background-color:var(--sgds-form-surface-raised)}.form-control-group.is-invalid:not(.disabled){border:var(--sgds-form-border-width-default) solid var(--sgds-form-danger-border-color-default)}.form-control-group:not(.disabled).is-invalid:focus-within{outline:var(--sgds-border-width-2) solid var(--sgds-form-danger-color-default);outline-offset:var(--sgds-form-outline-offset-focus)}`;
3
+ var css_248z = css`.form-control-container{display:flex;flex-direction:column;gap:var(--sgds-form-gap-md)}.form-control-group{align-items:center;background-color:var(--sgds-form-surface-default);border:var(--sgds-form-border-width-default) solid var(--sgds-border-color-default);border-radius:var(--input-border-radius,var(--sgds-form-border-radius-md));display:flex;gap:var(--sgds-form-gap-md);height:var(--sgds-dimension-48);justify-content:center;min-width:var(--sgds-dimension-256);padding:0 var(--sgds-form-padding-x);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:-webkit-fill-available;width:-moz-available}.form-control{appearance:none;background-clip:padding-box;background:none;border:none;color:var(--sgds-form-color-default);display:block;flex-grow:1;font-size:var(--sgds-font-size-2);line-height:var(--sgds-line-height-24);outline:none;padding:0}.form-clearable{color:var(--sgds-color-subtle);cursor:pointer}@media (prefers-reduced-motion:reduce){.form-control-group{transition:none}}.form-control-group:not(.disabled):not(.is-invalid):not(.readonly):not(:focus-within):hover{outline:var(--sgds-form-border-width-thick) solid var(--sgds-border-color-emphasis);outline-offset:var(--sgds-form-outline-offset-focus)}.form-control-group:not(.disabled):not(.is-invalid):focus-within{outline:var(--sgds-form-outline-focus);outline-offset:var(--sgds-form-outline-offset-focus)}.form-control-container.disabled{opacity:var(--sgds-opacity-50)}.form-control-group.disabled{background-color:var(--sgds-form-surface-muted);cursor:not-allowed}.form-control-group.readonly{background-color:var(--sgds-form-surface-raised)}.form-control-group.is-invalid:not(.disabled){border:var(--sgds-form-border-width-default) solid var(--sgds-form-danger-border-color-default)}.form-control-group:not(.disabled).is-invalid:focus-within{outline:var(--sgds-border-width-2) solid var(--sgds-form-danger-color-default);outline-offset:var(--sgds-form-outline-offset-focus)}`;
4
4
 
5
5
  export { css_248z as default };
6
6
  //# sourceMappingURL=form-text-control.js.map