@purestack/ts-components 1.1.7 → 1.1.8
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/dist/ts-components.d.mts +2 -1
- package/dist/ts-components.d.mts.map +1 -1
- package/dist/ts-components.mjs +11 -8
- package/dist/ts-components.mjs.map +1 -1
- package/package.json +8 -8
- package/src/standard/composer/emailHtmlPolicy.ts +4 -1
- package/src/standard/tabs/tabs.ts +3 -1
- package/src/standard/tabs/tabsStyle.ts +9 -5
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@purestack/ts-components",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.8",
|
|
4
4
|
"packageManager": "yarn@4.9.2",
|
|
5
5
|
"module": "./dist/ts-components.mjs",
|
|
6
6
|
"types": "./dist/ts-components.d.mts",
|
|
@@ -46,15 +46,15 @@
|
|
|
46
46
|
"test": "vitest"
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|
|
49
|
-
"@purestack/ts-minidom": "^1.1.
|
|
50
|
-
"@purestack/ts-render": "^1.1.
|
|
49
|
+
"@purestack/ts-minidom": "^1.1.8",
|
|
50
|
+
"@purestack/ts-render": "^1.1.8"
|
|
51
51
|
},
|
|
52
52
|
"dependencies": {
|
|
53
|
-
"@purestack/ts-common": "^1.1.
|
|
54
|
-
"@purestack/ts-css": "^1.1.
|
|
55
|
-
"@purestack/ts-page-scripts": "^1.1.
|
|
56
|
-
"@purestack/ts-style": "^1.1.
|
|
57
|
-
"@purestack/ts-util": "^1.1.
|
|
53
|
+
"@purestack/ts-common": "^1.1.8",
|
|
54
|
+
"@purestack/ts-css": "^1.1.8",
|
|
55
|
+
"@purestack/ts-page-scripts": "^1.1.8",
|
|
56
|
+
"@purestack/ts-style": "^1.1.8",
|
|
57
|
+
"@purestack/ts-util": "^1.1.8",
|
|
58
58
|
"regor": "^1.7.3"
|
|
59
59
|
},
|
|
60
60
|
"regorComponents": [
|
|
@@ -432,7 +432,10 @@ export function normalizeEmailContentId(value: string) {
|
|
|
432
432
|
}
|
|
433
433
|
|
|
434
434
|
function stripImportant(value: string) {
|
|
435
|
-
|
|
435
|
+
const trimmed = value.trim()
|
|
436
|
+
return trimmed.slice(-10).toLowerCase() === '!important'
|
|
437
|
+
? trimmed.slice(0, -10).trimEnd()
|
|
438
|
+
: trimmed
|
|
436
439
|
}
|
|
437
440
|
|
|
438
441
|
function isSafeCssValue(value: string) {
|
|
@@ -27,6 +27,7 @@ export class Tabs {
|
|
|
27
27
|
group: string = defaultGroup
|
|
28
28
|
ariaLabel?: RefOrValue<string>
|
|
29
29
|
selectedTab?: RefOrValue<string>
|
|
30
|
+
mobileSelect?: RefOrValue<boolean>
|
|
30
31
|
tone?: RefOrValue<SemanticTone>
|
|
31
32
|
variant?: RefOrValue<ComponentVariant>
|
|
32
33
|
variantMode?: RefOrValue<ComponentVariantMode>
|
|
@@ -48,7 +49,7 @@ export interface TabPane {
|
|
|
48
49
|
tabClasses?: ComputedRef<string>
|
|
49
50
|
}
|
|
50
51
|
|
|
51
|
-
const tabsTemplate = html`<section class="tabs" :class="classes">
|
|
52
|
+
const tabsTemplate = html`<section class="tabs" :class="classes" :data-mobile-select="mobileSelect">
|
|
52
53
|
<slot name="header"></slot>
|
|
53
54
|
<div class="tabs__list" role="tablist" :aria-label="ariaLabel || 'Tabs'">
|
|
54
55
|
<slot></slot>
|
|
@@ -96,6 +97,7 @@ function defineTabsComponent() {
|
|
|
96
97
|
'ariaLabel',
|
|
97
98
|
'group',
|
|
98
99
|
'selectedTab',
|
|
100
|
+
'mobileSelect',
|
|
99
101
|
'tone',
|
|
100
102
|
'variant',
|
|
101
103
|
'variantMode',
|
|
@@ -215,17 +215,21 @@ function registerTabsPanelStyles(theme: ThemeMode) {
|
|
|
215
215
|
}
|
|
216
216
|
|
|
217
217
|
function registerTabsResponsiveStyles(theme: ThemeMode) {
|
|
218
|
-
styleBuilder
|
|
218
|
+
styleBuilder
|
|
219
|
+
.select('.tabs--enhanced > .tabs__tabs-row', theme)
|
|
220
|
+
.display('flex')
|
|
219
221
|
|
|
220
222
|
styleBuilder
|
|
221
|
-
.select('.tabs--compact .tabs__select-wrap', theme)
|
|
223
|
+
.select('.tabs--compact > .tabs__select-wrap', theme)
|
|
222
224
|
.display('block')
|
|
223
225
|
|
|
224
|
-
styleBuilder
|
|
226
|
+
styleBuilder
|
|
227
|
+
.select('.tabs--enhanced > .tabs__list > .tabs__item > .tabs__tab', theme)
|
|
228
|
+
.display('none')
|
|
225
229
|
|
|
226
|
-
styleBuilder.select('.tabs--compact .tabs__tabs-row', theme).display('none')
|
|
230
|
+
styleBuilder.select('.tabs--compact > .tabs__tabs-row', theme).display('none')
|
|
227
231
|
|
|
228
232
|
styleBuilder
|
|
229
|
-
.select('.tabs--compact .tabs__list', theme)
|
|
233
|
+
.select('.tabs--compact > .tabs__list', theme)
|
|
230
234
|
.gridTemplateColumns('1fr')
|
|
231
235
|
}
|