@limetech/lime-elements 37.57.4 → 37.57.5

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 (10) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/limel-breadcrumbs_5.cjs.entry.js +1 -1
  3. package/dist/cjs/limel-breadcrumbs_5.cjs.entry.js.map +1 -1
  4. package/dist/collection/components/spinner/spinner.css +20 -20
  5. package/dist/esm/limel-breadcrumbs_5.entry.js +1 -1
  6. package/dist/esm/limel-breadcrumbs_5.entry.js.map +1 -1
  7. package/dist/lime-elements/lime-elements.esm.js +1 -1
  8. package/dist/lime-elements/{p-edbb5903.entry.js → p-16ad4500.entry.js} +2 -2
  9. package/dist/lime-elements/{p-edbb5903.entry.js.map → p-16ad4500.entry.js.map} +1 -1
  10. package/package.json +1 -1
package/dist/collection/components/spinner/spinner.css CHANGED
@@ -65,16 +65,16 @@
65
65
  }
66
66
 
67
67
  /**
68
- * @prop --spinner-color-1: 1st animated stroke color, defaults to `--lime-brand-color-deep-red`.
69
- * @prop --spinner-color-2: 2nd animated stroke color, defaults to `--lime-brand-color-sellable-orange`.
70
- * @prop --spinner-color-3: 3rd animated stroke color, defaults to `--lime-brand-color-simple-blue`.
71
- * @prop --spinner-color-4: 4th animated stroke color, defaults to `--lime-brand-color-orange`.
72
- * @prop --spinner-color-5: 5th animated stroke color, defaults to `--lime-brand-color-lime-green`.
73
- * @prop --spinner-color-6: 6th animated stroke color, defaults to `--lime-brand-color-yellow`.
74
- * @prop --spinner-color-7: 7th animated stroke color, defaults to `--lime-brand-color-flexible-turquoise`.
75
- * @prop --spinner-color-8: 8th animated stroke color, defaults to `--lime-brand-color-loving-magenta`.
76
- * @prop --spinner-color-9: 9th animated stroke color, defaults to `--lime-brand-color-dark-blue`.
77
- * @prop --spinner-color-10: 10th animated stroke color, defaults to `--lime-brand-color-light-grey`.
68
+ * @prop --spinner-color-1: 1st animated stroke color, defaults to `--lime-brand-color-lime-green`.
69
+ * @prop --spinner-color-2: 2nd animated stroke color, defaults to `--lime-brand-color-ocean-teal`.
70
+ * @prop --spinner-color-3: 3rd animated stroke color, defaults to `--lime-brand-color-aqua`.
71
+ * @prop --spinner-color-4: 4th animated stroke color, defaults to `--lime-brand-color-bubble-gum`.
72
+ * @prop --spinner-color-5: 5th animated stroke color, defaults to `--lime-brand-color-sunny-orange`.
73
+ * @prop --spinner-color-6: 6th animated stroke color, defaults to `--lime-brand-color-lime-green`.
74
+ * @prop --spinner-color-7: 7th animated stroke color, defaults to `--lime-brand-color-ocean-teal`.
75
+ * @prop --spinner-color-8: 8th animated stroke color, defaults to `--lime-brand-color-aqua`.
76
+ * @prop --spinner-color-9: 9th animated stroke color, defaults to `--lime-brand-color-bubble-gum`.
77
+ * @prop --spinner-color-10: 10th animated stroke color, defaults to `--lime-brand-color-sunny-orange`.
78
78
  */
79
79
  :host(limel-spinner) {
80
80
  display: block;
@@ -158,42 +158,42 @@
158
158
  stroke-width: 10;
159
159
  }
160
160
  .color:nth-child(1) {
161
- stroke: var(--spinner-color-1, rgb(var(--lime-brand-color-deep-red)));
161
+ stroke: var(--spinner-color-1, rgb(var(--lime-brand-color-lime-green)));
162
162
  }
163
163
  .color:nth-child(2) {
164
- stroke: var(--spinner-color-2, rgb(var(--lime-brand-color-sellable-orange)));
164
+ stroke: var(--spinner-color-2, rgb(var(--lime-brand-color-ocean-teal)));
165
165
  animation-delay: 1s;
166
166
  }
167
167
  .color:nth-child(3) {
168
- stroke: var(--spinner-color-3, rgb(var(--lime-brand-color-simple-blue)));
168
+ stroke: var(--spinner-color-3, rgb(var(--lime-brand-color-aqua)));
169
169
  animation-delay: 2s;
170
170
  }
171
171
  .color:nth-child(4) {
172
- stroke: var(--spinner-color-4, rgb(var(--lime-brand-color-orange)));
172
+ stroke: var(--spinner-color-4, rgb(var(--lime-brand-color-bubble-gum)));
173
173
  animation-delay: 3s;
174
174
  }
175
175
  .color:nth-child(5) {
176
- stroke: var(--spinner-color-5, rgb(var(--lime-brand-color-lime-green)));
176
+ stroke: var(--spinner-color-5, rgb(var(--lime-brand-color-sunny-orange)));
177
177
  animation-delay: 4s;
178
178
  }
179
179
  .color:nth-child(6) {
180
- stroke: var(--spinner-color-6, rgb(var(--lime-brand-color-yellow)));
180
+ stroke: var(--spinner-color-6, rgb(var(--lime-brand-color-lime-green)));
181
181
  animation-delay: 5s;
182
182
  }
183
183
  .color:nth-child(7) {
184
- stroke: var(--spinner-color-7, rgb(var(--lime-brand-color-flexible-turquoise)));
184
+ stroke: var(--spinner-color-7, rgb(var(--lime-brand-color-ocean-teal)));
185
185
  animation-delay: 6s;
186
186
  }
187
187
  .color:nth-child(8) {
188
- stroke: var(--spinner-color-8, rgb(var(--lime-brand-color-loving-magenta)));
188
+ stroke: var(--spinner-color-8, rgb(var(--lime-brand-color-aqua)));
189
189
  animation-delay: 7s;
190
190
  }
191
191
  .color:nth-child(9) {
192
- stroke: var(--spinner-color-9, rgb(var(--lime-brand-color-dark-blue)));
192
+ stroke: var(--spinner-color-9, rgb(var(--lime-brand-color-bubble-gum)));
193
193
  animation-delay: 8s;
194
194
  }
195
195
  .color:nth-child(10) {
196
- stroke: var(--spinner-color-9, rgb(var(--lime-brand-color-light-grey)));
196
+ stroke: var(--spinner-color-10, rgb(var(--contrast-700)));
197
197
  animation-delay: 9s;
198
198
  }
199
199
 
package/dist/esm/limel-breadcrumbs_5.entry.js CHANGED
@@ -1899,7 +1899,7 @@ const MenuList = class {
1899
1899
  };
1900
1900
  MenuList.style = menuListCss;
1901
1901
 
1902
- const spinnerCss = ":host{--mdc-theme-primary:var(\n --lime-primary-color,\n rgb(var(--color-teal-default))\n );--mdc-theme-secondary:var(\n --lime-secondary-color,\n rgb(var(--contrast-1100))\n );--mdc-theme-on-primary:var(\n --lime-on-primary-color,\n rgb(var(--contrast-100))\n );--mdc-theme-on-secondary:var(\n --lime-on-secondary-color,\n rgb(var(--contrast-100))\n );--mdc-theme-text-disabled-on-background:var(\n --lime-text-disabled-on-background-color,\n rgba(var(--contrast-1700), 0.38)\n );--mdc-theme-text-primary-on-background:var(\n --lime-text-primary-on-background-color,\n rgba(var(--contrast-1700), 0.87)\n );--mdc-theme-text-secondary-on-background:var(\n --lime-text-secondary-on-background-color,\n rgba(var(--contrast-1700), 0.54)\n );--mdc-theme-error:var(\n --lime-error-background-color,\n rgb(var(--color-red-dark))\n );--lime-error-text-color:rgb(var(--color-red-darker));--mdc-theme-surface:var(\n --lime-surface-background-color,\n rgb(var(--contrast-100))\n );--mdc-theme-on-surface:var(\n --lime-on-surface-color,\n rgb(var(--contrast-1500))\n )}:host(limel-spinner){display:block}@keyframes spin{50%{transform:rotate(180deg)}100%{transform:rotate(720deg)}}@keyframes fade-in-the-spinner{0%{transform:scale(0.7);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes animate-colored-circles{5%{stroke-dashoffset:0}10%,100%{stroke-dashoffset:63}}:host([hidden]){display:none}:host{box-sizing:border-box;display:flex;align-items:center;justify-content:center;height:1.5rem;width:1.5rem;transform:translate3d(0, 0, 0);animation:fade-in-the-spinner 0.5s ease forwards}:host([size=x-small]){height:2rem;width:2rem}:host([size=small]){height:2.125rem;width:2.125rem}:host([size=medium]){height:2.75rem;width:2.75rem}:host([size=large]){height:4rem;width:4rem}.spinner{animation:spin 1s linear infinite;transform-origin:center}.color{animation:animate-colored-circles 10s linear infinite;fill:none;stroke-dasharray:63;stroke-dashoffset:63;stroke-linecap:round;stroke-width:4}.color.thick{stroke-width:10}.color:nth-child(1){stroke:var(--spinner-color-1, rgb(var(--lime-brand-color-deep-red)))}.color:nth-child(2){stroke:var(--spinner-color-2, rgb(var(--lime-brand-color-sellable-orange)));animation-delay:1s}.color:nth-child(3){stroke:var(--spinner-color-3, rgb(var(--lime-brand-color-simple-blue)));animation-delay:2s}.color:nth-child(4){stroke:var(--spinner-color-4, rgb(var(--lime-brand-color-orange)));animation-delay:3s}.color:nth-child(5){stroke:var(--spinner-color-5, rgb(var(--lime-brand-color-lime-green)));animation-delay:4s}.color:nth-child(6){stroke:var(--spinner-color-6, rgb(var(--lime-brand-color-yellow)));animation-delay:5s}.color:nth-child(7){stroke:var(--spinner-color-7, rgb(var(--lime-brand-color-flexible-turquoise)));animation-delay:6s}.color:nth-child(8){stroke:var(--spinner-color-8, rgb(var(--lime-brand-color-loving-magenta)));animation-delay:7s}.color:nth-child(9){stroke:var(--spinner-color-9, rgb(var(--lime-brand-color-dark-blue)));animation-delay:8s}.color:nth-child(10){stroke:var(--spinner-color-9, rgb(var(--lime-brand-color-light-grey)));animation-delay:9s}.outline{stroke:rgba(var(--lime-brand-color-light-grey), 0.3);fill:none;stroke-linecap:round;stroke-width:4}.outline.thick{stroke-width:10}";
1902
+ const spinnerCss = ":host{--mdc-theme-primary:var(\n --lime-primary-color,\n rgb(var(--color-teal-default))\n );--mdc-theme-secondary:var(\n --lime-secondary-color,\n rgb(var(--contrast-1100))\n );--mdc-theme-on-primary:var(\n --lime-on-primary-color,\n rgb(var(--contrast-100))\n );--mdc-theme-on-secondary:var(\n --lime-on-secondary-color,\n rgb(var(--contrast-100))\n );--mdc-theme-text-disabled-on-background:var(\n --lime-text-disabled-on-background-color,\n rgba(var(--contrast-1700), 0.38)\n );--mdc-theme-text-primary-on-background:var(\n --lime-text-primary-on-background-color,\n rgba(var(--contrast-1700), 0.87)\n );--mdc-theme-text-secondary-on-background:var(\n --lime-text-secondary-on-background-color,\n rgba(var(--contrast-1700), 0.54)\n );--mdc-theme-error:var(\n --lime-error-background-color,\n rgb(var(--color-red-dark))\n );--lime-error-text-color:rgb(var(--color-red-darker));--mdc-theme-surface:var(\n --lime-surface-background-color,\n rgb(var(--contrast-100))\n );--mdc-theme-on-surface:var(\n --lime-on-surface-color,\n rgb(var(--contrast-1500))\n )}:host(limel-spinner){display:block}@keyframes spin{50%{transform:rotate(180deg)}100%{transform:rotate(720deg)}}@keyframes fade-in-the-spinner{0%{transform:scale(0.7);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes animate-colored-circles{5%{stroke-dashoffset:0}10%,100%{stroke-dashoffset:63}}:host([hidden]){display:none}:host{box-sizing:border-box;display:flex;align-items:center;justify-content:center;height:1.5rem;width:1.5rem;transform:translate3d(0, 0, 0);animation:fade-in-the-spinner 0.5s ease forwards}:host([size=x-small]){height:2rem;width:2rem}:host([size=small]){height:2.125rem;width:2.125rem}:host([size=medium]){height:2.75rem;width:2.75rem}:host([size=large]){height:4rem;width:4rem}.spinner{animation:spin 1s linear infinite;transform-origin:center}.color{animation:animate-colored-circles 10s linear infinite;fill:none;stroke-dasharray:63;stroke-dashoffset:63;stroke-linecap:round;stroke-width:4}.color.thick{stroke-width:10}.color:nth-child(1){stroke:var(--spinner-color-1, rgb(var(--lime-brand-color-lime-green)))}.color:nth-child(2){stroke:var(--spinner-color-2, rgb(var(--lime-brand-color-ocean-teal)));animation-delay:1s}.color:nth-child(3){stroke:var(--spinner-color-3, rgb(var(--lime-brand-color-aqua)));animation-delay:2s}.color:nth-child(4){stroke:var(--spinner-color-4, rgb(var(--lime-brand-color-bubble-gum)));animation-delay:3s}.color:nth-child(5){stroke:var(--spinner-color-5, rgb(var(--lime-brand-color-sunny-orange)));animation-delay:4s}.color:nth-child(6){stroke:var(--spinner-color-6, rgb(var(--lime-brand-color-lime-green)));animation-delay:5s}.color:nth-child(7){stroke:var(--spinner-color-7, rgb(var(--lime-brand-color-ocean-teal)));animation-delay:6s}.color:nth-child(8){stroke:var(--spinner-color-8, rgb(var(--lime-brand-color-aqua)));animation-delay:7s}.color:nth-child(9){stroke:var(--spinner-color-9, rgb(var(--lime-brand-color-bubble-gum)));animation-delay:8s}.color:nth-child(10){stroke:var(--spinner-color-10, rgb(var(--contrast-700)));animation-delay:9s}.outline{stroke:rgba(var(--lime-brand-color-light-grey), 0.3);fill:none;stroke-linecap:round;stroke-width:4}.outline.thick{stroke-width:10}";
1903
1903
 
1904
1904
  const Spinner = class {
1905
1905
  constructor(hostRef) {