@getflip/swirl-components 0.60.1 → 0.61.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.
package/components.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": "2023-05-24T11:22:39",
2
+ "timestamp": "2023-05-25T08:01:07",
3
3
  "compiler": {
4
4
  "name": "@stencil/core",
5
5
  "version": "3.0.0",
@@ -19217,7 +19217,7 @@
19217
19217
  },
19218
19218
  {
19219
19219
  "name": "size",
19220
- "type": "\"base\" | \"lg\" | \"sm\"",
19220
+ "type": "\"2xl\" | \"base\" | \"lg\" | \"sm\" | \"xl\"",
19221
19221
  "mutable": false,
19222
19222
  "attr": "size",
19223
19223
  "reflectToAttr": false,
@@ -19225,6 +19225,10 @@
19225
19225
  "docsTags": [],
19226
19226
  "default": "\"base\"",
19227
19227
  "values": [
19228
+ {
19229
+ "value": "2xl",
19230
+ "type": "string"
19231
+ },
19228
19232
  {
19229
19233
  "value": "base",
19230
19234
  "type": "string"
@@ -19236,6 +19240,10 @@
19236
19240
  {
19237
19241
  "value": "sm",
19238
19242
  "type": "string"
19243
+ },
19244
+ {
19245
+ "value": "xl",
19246
+ "type": "string"
19239
19247
  }
19240
19248
  ],
19241
19249
  "optional": true,
@@ -169,7 +169,7 @@ function shave(target, maxHeight, opts) {
169
169
  }
170
170
  }
171
171
 
172
- const swirlTextCss = ".sc-swirl-text-h{display:block;max-width:100%}.sc-swirl-text-h *.sc-swirl-text{box-sizing:border-box}.text.sc-swirl-text{overflow:hidden;margin:0;padding:0}.text--align-start.sc-swirl-text{text-align:start}.text--align-center.sc-swirl-text{text-align:center}.text--align-end.sc-swirl-text{text-align:end}.text--color-default.sc-swirl-text{color:var(--s-text-default)}.text--color-subdued.sc-swirl-text{color:var(--s-text-subdued)}.text--color-critical.sc-swirl-text{color:var(--s-text-critical)}.text--color-success.sc-swirl-text{color:var(--s-text-success)}.text--color-warning.sc-swirl-text{color:var(--s-text-warning)}.text--size-sm.sc-swirl-text{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}.text--size-base.sc-swirl-text{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-base.sc-swirl-text{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text--size-lg.sc-swirl-text{font-size:var(--s-font-size-lg);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-lg.sc-swirl-text{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}}.text--weight-normal.sc-swirl-text{font-weight:var(--s-font-weight-normal)}.text--weight-medium.sc-swirl-text{font-weight:var(--s-font-weight-medium)}.text--weight-semibold.sc-swirl-text{font-weight:var(--s-font-weight-semibold)}.text--weight-bold.sc-swirl-text{font-weight:var(--s-font-weight-bold)}.text--font-style-normal.sc-swirl-text{font-style:normal}.text--font-style-italic.sc-swirl-text{font-style:italic}.text--font-family-code.sc-swirl-text{font-family:var(--s-font-family-code)}.text--truncate.sc-swirl-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}";
172
+ const swirlTextCss = ".sc-swirl-text-h{display:block;max-width:100%}.sc-swirl-text-h *.sc-swirl-text{box-sizing:border-box}.text.sc-swirl-text{overflow:hidden;margin:0;padding:0}.text--align-start.sc-swirl-text{text-align:start}.text--align-center.sc-swirl-text{text-align:center}.text--align-end.sc-swirl-text{text-align:end}.text--color-default.sc-swirl-text{color:var(--s-text-default)}.text--color-subdued.sc-swirl-text{color:var(--s-text-subdued)}.text--color-critical.sc-swirl-text{color:var(--s-text-critical)}.text--color-success.sc-swirl-text{color:var(--s-text-success)}.text--color-warning.sc-swirl-text{color:var(--s-text-warning)}.text--size-sm.sc-swirl-text{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}.text--size-base.sc-swirl-text{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-base.sc-swirl-text{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text--size-lg.sc-swirl-text{font-size:var(--s-font-size-lg);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-lg.sc-swirl-text{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}}.text--size-xl.sc-swirl-text{font-size:var(--s-font-size-xl);line-height:var(--s-line-height-xl)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-xl.sc-swirl-text{font-size:var(--s-font-size-lg);line-height:var(--s-line-height-lg)}}.text--size-2xl.sc-swirl-text{font-size:var(--s-font-size-2xl);line-height:var(--s-line-height-2xl)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-2xl.sc-swirl-text{font-size:var(--s-font-size-xl);line-height:var(--s-line-height-xl)}}.text--weight-normal.sc-swirl-text{font-weight:var(--s-font-weight-normal)}.text--weight-medium.sc-swirl-text{font-weight:var(--s-font-weight-medium)}.text--weight-semibold.sc-swirl-text{font-weight:var(--s-font-weight-semibold)}.text--weight-bold.sc-swirl-text{font-weight:var(--s-font-weight-bold)}.text--font-style-normal.sc-swirl-text{font-style:normal}.text--font-style-italic.sc-swirl-text{font-style:italic}.text--font-family-code.sc-swirl-text{font-family:var(--s-font-family-code)}.text--truncate.sc-swirl-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}";
173
173
 
174
174
  const SwirlText = class {
175
175
  constructor(hostRef) {
@@ -76,6 +76,32 @@
76
76
  }
77
77
  }
78
78
 
79
+ .text--size-xl {
80
+ font-size: var(--s-font-size-xl);
81
+ line-height: var(--s-line-height-xl);
82
+ }
83
+
84
+ @media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px) {
85
+
86
+ .text--size-xl {
87
+ font-size: var(--s-font-size-lg);
88
+ line-height: var(--s-line-height-lg)
89
+ }
90
+ }
91
+
92
+ .text--size-2xl {
93
+ font-size: var(--s-font-size-2xl);
94
+ line-height: var(--s-line-height-2xl);
95
+ }
96
+
97
+ @media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px) {
98
+
99
+ .text--size-2xl {
100
+ font-size: var(--s-font-size-xl);
101
+ line-height: var(--s-line-height-xl)
102
+ }
103
+ }
104
+
79
105
  .text--weight-normal {
80
106
  font-weight: var(--s-font-weight-normal);
81
107
  }
@@ -211,7 +211,7 @@ export class SwirlText {
211
211
  "mutable": false,
212
212
  "complexType": {
213
213
  "original": "SwirlTextSize",
214
- "resolved": "\"base\" | \"lg\" | \"sm\"",
214
+ "resolved": "\"2xl\" | \"base\" | \"lg\" | \"sm\" | \"xl\"",
215
215
  "references": {
216
216
  "SwirlTextSize": {
217
217
  "location": "local",