@govtechsg/sgds-web-component 3.24.0-rc.1 → 3.24.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.
Files changed (71) hide show
  1. package/components/Checkbox/index.umd.min.js +1 -1
  2. package/components/Checkbox/index.umd.min.js.map +1 -1
  3. package/components/ComboBox/index.umd.min.js +1 -1
  4. package/components/ComboBox/index.umd.min.js.map +1 -1
  5. package/components/Datepicker/datepicker-calendar.js +4 -4
  6. package/components/Datepicker/datepicker-calendar.js.map +1 -1
  7. package/components/Datepicker/datepicker-header.js +2 -2
  8. package/components/Datepicker/datepicker-header.js.map +1 -1
  9. package/components/Datepicker/datepicker-input.js +48 -13
  10. package/components/Datepicker/datepicker-input.js.map +1 -1
  11. package/components/Datepicker/index.umd.min.js +335 -335
  12. package/components/Datepicker/index.umd.min.js.map +1 -1
  13. package/components/Datepicker/sgds-datepicker.js +6 -6
  14. package/components/Datepicker/sgds-datepicker.js.map +1 -1
  15. package/components/Radio/index.umd.min.js +1 -1
  16. package/components/Radio/index.umd.min.js.map +1 -1
  17. package/components/Switch/index.umd.min.js +1 -1
  18. package/components/Switch/index.umd.min.js.map +1 -1
  19. package/components/Switch/switch.js +1 -1
  20. package/components/index.umd.min.js +423 -423
  21. package/components/index.umd.min.js.map +1 -1
  22. package/css/fouc.css +1 -1
  23. package/custom-elements.json +645 -645
  24. package/index.umd.min.js +467 -467
  25. package/index.umd.min.js.map +1 -1
  26. package/package.json +3 -1
  27. package/react/components/Datepicker/datepicker-calendar.cjs.js +4 -4
  28. package/react/components/Datepicker/datepicker-calendar.cjs.js.map +1 -1
  29. package/react/components/Datepicker/datepicker-calendar.js +4 -4
  30. package/react/components/Datepicker/datepicker-calendar.js.map +1 -1
  31. package/react/components/Datepicker/datepicker-header.cjs.js +2 -2
  32. package/react/components/Datepicker/datepicker-header.cjs.js.map +1 -1
  33. package/react/components/Datepicker/datepicker-header.js +2 -2
  34. package/react/components/Datepicker/datepicker-header.js.map +1 -1
  35. package/react/components/Datepicker/datepicker-input.cjs.js +52 -13
  36. package/react/components/Datepicker/datepicker-input.cjs.js.map +1 -1
  37. package/react/components/Datepicker/datepicker-input.js +48 -13
  38. package/react/components/Datepicker/datepicker-input.js.map +1 -1
  39. package/react/components/Datepicker/sgds-datepicker.cjs.js +6 -6
  40. package/react/components/Datepicker/sgds-datepicker.cjs.js.map +1 -1
  41. package/react/components/Datepicker/sgds-datepicker.js +6 -6
  42. package/react/components/Datepicker/sgds-datepicker.js.map +1 -1
  43. package/react/components/Switch/switch.cjs.js +1 -1
  44. package/react/components/Switch/switch.js +1 -1
  45. package/react/index.cjs.js +6 -6
  46. package/react/index.d.ts +1 -1
  47. package/react/index.js +1 -1
  48. package/react/styles/form-check.cjs.js +1 -1
  49. package/react/styles/form-check.js +1 -1
  50. package/react/utils/time.cjs.js +7 -7
  51. package/react/utils/time.cjs.js.map +1 -1
  52. package/react/utils/time.js +1 -1
  53. package/react/utils/time.js.map +1 -1
  54. package/styles/form-check.js +1 -1
  55. package/types/react.d.ts +16 -16
  56. package/utils/time.js +1 -1
  57. package/utils/time.js.map +1 -1
  58. package/react/utils/date-helpers.cjs.js +0 -120
  59. package/react/utils/date-helpers.cjs.js.map +0 -1
  60. package/react/utils/date-helpers.js +0 -108
  61. package/react/utils/date-helpers.js.map +0 -1
  62. package/react/utils/date-mask.cjs.js +0 -203
  63. package/react/utils/date-mask.cjs.js.map +0 -1
  64. package/react/utils/date-mask.js +0 -199
  65. package/react/utils/date-mask.js.map +0 -1
  66. package/utils/date-helpers.d.ts +0 -22
  67. package/utils/date-helpers.js +0 -107
  68. package/utils/date-helpers.js.map +0 -1
  69. package/utils/date-mask.d.ts +0 -44
  70. package/utils/date-mask.js +0 -198
  71. package/utils/date-mask.js.map +0 -1
package/components/Switch/switch.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css } from 'lit';
2
2
 
3
- var css_248z = css`input{margin:0}.form-check{align-items:center;display:flex;gap:var(--sgds-form-gap-lg)}.form-check-input{--sgds-switch-width:var(--sgds-form-width-xl);--sgds-switch-height:var(--sgds-form-height-md);--sgds-switch-bg-image:url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.5 12c0-6.627 5.373-12 12-12s12 5.373 12 12-5.373 12-12 12-12-5.373-12-12Z" fill="%23fff"/></svg>');appearance:none;background-color:var(--sgds-form-surface-subtle);background-image:var(--sgds-switch-bg-image);background-position:left var(--sgds-form-padding-inline-sm) center;background-repeat:no-repeat;background-size:var(--sgds-form-width-xs) var(--sgds-form-height-sm);border:var(--sgds-form-border-width-default) solid var(--sgds-border-color-transparent);border-radius:var(--sgds-form-border-radius-full);height:var(--sgds-switch-height);padding:0 var(--sgds-form-padding-inline-sm);transition:background-position .15s ease-in-out;width:var(--sgds-switch-width)}.form-check-input:focus,.form-check-input:focus-visible{background-color:var(--sgds-form-surface-emphasis)}.form-check-input:focus-visible{background-color:var(--sgds-form-surface-emphasis);outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus);outline-offset:0}.form-check-input:not([disabled]):hover{background-color:var(--sgds-form-surface-emphasis)}.form-check-input[checked]{background-color:var(--sgds-form-primary-surface-default);background-position:right var(--sgds-form-padding-inline-sm) center}.form-check-input:not([disabled])[checked]:focus-visible,.form-check-input:not([disabled])[checked]:hover{background-color:var(--sgds-form-primary-surface-emphasis)}:host([disabled]) .form-check{cursor:not-allowed;opacity:var(--sgds-opacity-40)}:host([size=sm]) .form-check{font-size:var(--sgds-font-size-14)}:host([size=sm]) .form-check-input{--sgds-switch-width:var(--sgds-form-width-md);--sgds-switch-height:var(--sgds-form-height-sm);background-size:var(--sgds-form-width-2-xs) var(--sgds-form-height-2-xs)}:host([size=lg]) .form-check{font-size:var(--sgds-font-size-20)}:host([size=lg]) .form-check-input{--sgds-switch-width:var(--sgds-form-width-3-xl);--sgds-switch-height:var(--sgds-form-height-lg);background-size:var(--sgds-form-width-sm) var(--sgds-form-height-md)}@media (prefers-reduced-motion:reduce){.form-check .form-check-input{transition:none}}:host([icon]) .form-check-input[checked]{--sgds-switch-bg-image:url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 32c8.837 0 16-7.163 16-16S24.837 0 16 0 0 7.163 0 16s7.163 16 16 16Zm8.94-21.778a.776.776 0 0 0-.424-.424.781.781 0 0 0-.854.17L13.261 20.372l-4.924-4.925a.783.783 0 1 0-1.108 1.108l5.478 5.478a.777.777 0 0 0 .692.217.787.787 0 0 0 .416-.217L24.77 11.076a.777.777 0 0 0 .17-.854Z" fill="%23fff"/></svg>')}:host([icon]) .form-check-input{--sgds-switch-bg-image:url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 32c8.837 0 16-7.163 16-16S24.837 0 16 0 0 7.163 0 16s7.163 16 16 16ZM10.164 9.416a.75.75 0 0 0-.53 1.28L14.937 16l-5.303 5.303a.75.75 0 0 0 1.06 1.061l5.304-5.303 5.303 5.303a.75.75 0 1 0 1.06-1.06L17.06 16l5.303-5.303a.75.75 0 0 0-1.06-1.061l-5.304 5.304-5.303-5.304a.75.75 0 0 0-.53-.22Z" fill="%23fff"/></svg>')}.d-none{display:none}`;
3
+ var css_248z = css`input{margin:0}.form-check{align-items:center;display:flex;gap:var(--sgds-form-gap-lg)}.form-check-input{--sgds-switch-width:var(--sgds-form-width-xl);--sgds-switch-height:var(--sgds-form-height-md);--sgds-switch-bg-image:url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.5 12c0-6.627 5.373-12 12-12s12 5.373 12 12-5.373 12-12 12-12-5.373-12-12Z" fill="%23fff"/></svg>');appearance:none;background-color:var(--sgds-form-surface-subtle);background-image:var(--sgds-switch-bg-image);background-position:left var(--sgds-form-padding-inline-sm) center;background-repeat:no-repeat;background-size:var(--sgds-form-width-xs) var(--sgds-form-height-sm);border:var(--sgds-form-border-width-default) solid var(--sgds-border-color-transparent);border-radius:var(--sgds-form-border-radius-full);flex-shrink:0;height:var(--sgds-switch-height);padding:0 var(--sgds-form-padding-inline-sm);transition:background-position .15s ease-in-out;width:var(--sgds-switch-width)}.form-check-input:focus,.form-check-input:focus-visible{background-color:var(--sgds-form-surface-emphasis)}.form-check-input:focus-visible{background-color:var(--sgds-form-surface-emphasis);outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus);outline-offset:0}.form-check-input:not([disabled]):hover{background-color:var(--sgds-form-surface-emphasis)}.form-check-input[checked]{background-color:var(--sgds-form-primary-surface-default);background-position:right var(--sgds-form-padding-inline-sm) center}.form-check-input:not([disabled])[checked]:focus-visible,.form-check-input:not([disabled])[checked]:hover{background-color:var(--sgds-form-primary-surface-emphasis)}:host([disabled]) .form-check{cursor:not-allowed;opacity:var(--sgds-opacity-40)}:host([size=sm]) .form-check{font-size:var(--sgds-font-size-14)}:host([size=sm]) .form-check-input{--sgds-switch-width:var(--sgds-form-width-md);--sgds-switch-height:var(--sgds-form-height-sm);background-size:var(--sgds-form-width-2-xs) var(--sgds-form-height-2-xs)}:host([size=lg]) .form-check{font-size:var(--sgds-font-size-20)}:host([size=lg]) .form-check-input{--sgds-switch-width:var(--sgds-form-width-3-xl);--sgds-switch-height:var(--sgds-form-height-lg);background-size:var(--sgds-form-width-sm) var(--sgds-form-height-md)}@media (prefers-reduced-motion:reduce){.form-check .form-check-input{transition:none}}:host([icon]) .form-check-input[checked]{--sgds-switch-bg-image:url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 32c8.837 0 16-7.163 16-16S24.837 0 16 0 0 7.163 0 16s7.163 16 16 16Zm8.94-21.778a.776.776 0 0 0-.424-.424.781.781 0 0 0-.854.17L13.261 20.372l-4.924-4.925a.783.783 0 1 0-1.108 1.108l5.478 5.478a.777.777 0 0 0 .692.217.787.787 0 0 0 .416-.217L24.77 11.076a.777.777 0 0 0 .17-.854Z" fill="%23fff"/></svg>')}:host([icon]) .form-check-input{--sgds-switch-bg-image:url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 32c8.837 0 16-7.163 16-16S24.837 0 16 0 0 7.163 0 16s7.163 16 16 16ZM10.164 9.416a.75.75 0 0 0-.53 1.28L14.937 16l-5.303 5.303a.75.75 0 0 0 1.06 1.061l5.304-5.303 5.303 5.303a.75.75 0 1 0 1.06-1.06L17.06 16l5.303-5.303a.75.75 0 0 0-1.06-1.061l-5.304 5.304-5.303-5.304a.75.75 0 0 0-.53-.22Z" fill="%23fff"/></svg>')}.d-none{display:none}`;
4
4
 
5
5
  export { css_248z as default };
6
6
  //# sourceMappingURL=switch.js.map