@govtechsg/sgds-web-component 2.0.0-rc.0 → 2.0.0-rc.1

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 (20) hide show
  1. package/components/Progress/index.umd.js +2 -20
  2. package/components/Progress/index.umd.js.map +1 -1
  3. package/components/Progress/progress-bar.cjs.js +1 -3
  4. package/components/Progress/progress-bar.cjs.js.map +1 -1
  5. package/components/Progress/progress-bar.js +1 -3
  6. package/components/Progress/progress-bar.js.map +1 -1
  7. package/components/Progress/sgds-progress-bar.cjs.js +1 -17
  8. package/components/Progress/sgds-progress-bar.cjs.js.map +1 -1
  9. package/components/Progress/sgds-progress-bar.d.ts +0 -8
  10. package/components/Progress/sgds-progress-bar.js +1 -17
  11. package/components/Progress/sgds-progress-bar.js.map +1 -1
  12. package/components/Textarea/index.umd.js +1 -1
  13. package/components/Textarea/textarea.cjs.js +1 -1
  14. package/components/Textarea/textarea.js +1 -1
  15. package/components/index.umd.js +3 -21
  16. package/components/index.umd.js.map +1 -1
  17. package/index.umd.js +3 -21
  18. package/index.umd.js.map +1 -1
  19. package/package.json +1 -1
  20. package/themes/day.css +1 -9
package/components/Progress/index.umd.js CHANGED
@@ -3190,9 +3190,7 @@
3190
3190
  */
3191
3191
  const styleMap = directive(StyleMapDirective);
3192
3192
 
3193
- var css_248z = css`:host{width:100%}:host([variant=secondary]) .progress-bar{--sgds-progress-bar-bg:var(--sgds-secondary-filled)}:host([variant=warning]) .progress-bar{--sgds-progress-bar-bg:var(--sgds-warning-filled)}:host([variant=danger]) .progress-bar{--sgds-progress-bar-bg:var(--sgds-danger-filled)}:host([variant=success]) .progress-bar{--sgds-progress-bar-bg:var(--sgds-success-filled)}:host([variant=info]) .progress-bar{--sgds-progress-bar-bg:var(--sgds-info-filled)}:host([variant=dark]) .progress-bar{--sgds-progress-bar-bg:var(--sgds-dark-filled)}progress{vertical-align:baseline}.progress-bar{--sgds-progress-bar-bg:var(--sgds-primary-filled);--sgds-progress-bar-transition:width 0.6s ease;--sgds-progress-bar-color:var(--sgds-white);--sgds-progress-bar-font-size:0.75rem;background-color:var(--sgds-progress-bar-bg);color:var(--sgds-progress-bar-color);display:flex;flex-direction:column;font-size:var(--sgds-progress-bar-font-size);height:100%;justify-content:center;overflow:hidden;text-align:center;transition:var(--sgds-progress-bar-transition);white-space:nowrap}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:var(--sgds-progress-height) var(--sgds-progress-height)}.progress-bar-animated{animation:progress-bar-stripes 1s linear infinite}@media (prefers-reduced-motion:reduce){.progress-bar-animated{animation:none}}
3194
-
3195
- /*! CSS Used keyframes */@keyframes progress-bar-stripes{0%{background-position-x:1rem}}`;
3193
+ var css_248z = css`:host{width:100%}:host([variant=secondary]) .progress-bar{--sgds-progress-bar-bg:var(--sgds-secondary)}:host([variant=warning]) .progress-bar{--sgds-progress-bar-bg:var(--sgds-warning)}:host([variant=danger]) .progress-bar{--sgds-progress-bar-bg:var(--sgds-danger)}:host([variant=success]) .progress-bar{--sgds-progress-bar-bg:var(--sgds-success)}:host([variant=info]) .progress-bar{--sgds-progress-bar-bg:var(--sgds-info)}:host([variant=dark]) .progress-bar{--sgds-progress-bar-bg:var(--sgds-dark)}progress{vertical-align:baseline}.progress-bar{--sgds-progress-bar-bg:var(--sgds-primary);--sgds-progress-bar-transition:width 0.6s ease;--sgds-progress-bar-color:var(--sgds-white);--sgds-progress-bar-font-size:0.75rem;background-color:var(--sgds-progress-bar-bg);color:var(--sgds-progress-bar-color);display:flex;flex-direction:column;font-size:var(--sgds-progress-bar-font-size);height:100%;justify-content:center;overflow:hidden;text-align:center;transition:var(--sgds-progress-bar-transition);white-space:nowrap}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}`;
3196
3194
 
3197
3195
  class SgdsProgressBar extends SgdsElement {
3198
3196
  constructor() {
@@ -3201,14 +3199,6 @@
3201
3199
  * Sets the aria label for assistive devices.
3202
3200
  */
3203
3201
  this.arialabel = "";
3204
- /** Apply a stripe over the progress bar */
3205
- this.striped = false;
3206
- /**
3207
- * Animated stripes over the progress bar.
3208
- *
3209
- * Use in conjunction with striped property
3210
- */
3211
- this.animated = false;
3212
3202
  /** Add label on top of progress bar */
3213
3203
  this.label = "";
3214
3204
  }
@@ -3216,9 +3206,7 @@
3216
3206
  return html `
3217
3207
  <div
3218
3208
  class=${classMap({
3219
- "progress-bar": true,
3220
- "progress-bar-striped": this.striped,
3221
- "progress-bar-animated": this.animated
3209
+ "progress-bar": true
3222
3210
  })}
3223
3211
  role="progressbar"
3224
3212
  style=${styleMap({ width: `${this.value}%` })}
@@ -3248,12 +3236,6 @@
3248
3236
  __decorate([
3249
3237
  property({ type: String, reflect: true })
3250
3238
  ], SgdsProgressBar.prototype, "arialabel", void 0);
3251
- __decorate([
3252
- property({ type: Boolean, reflect: true })
3253
- ], SgdsProgressBar.prototype, "striped", void 0);
3254
- __decorate([
3255
- property({ type: Boolean, reflect: true })
3256
- ], SgdsProgressBar.prototype, "animated", void 0);
3257
3239
  __decorate([
3258
3240
  property({ type: String, reflect: true })
3259
3241
  ], SgdsProgressBar.prototype, "label", void 0);