Skip to content

Commit 6750f0d

Browse files
SqrrlSqrrl
authored
Add tooltip prop to tabs (#1724)
1 parent 33fcd52 commit 6750f0d

11 files changed

Lines changed: 692 additions & 5 deletions

File tree

‎.changeset/moody-maps-yell.md‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"@getflip/swirl-components": minor
3+
---
4+
5+
Add optional tooltips to tabs

‎packages/swirl-components/custom-elements.manifest.json‎

Lines changed: 349 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -21346,6 +21346,117 @@
2134621346
}
2134721347
]
2134821348
},
21349+
{
21350+
"kind": "javascript-module",
21351+
"path": "src/components/swirl-icon/icons/swirl-icon-fact-check.tsx",
21352+
"declarations": [
21353+
{
21354+
"kind": "class",
21355+
"customElement": true,
21356+
"tagName": "swirl-icon-fact-check",
21357+
"name": "SwirlIconFactCheck",
21358+
"attributes": [
21359+
{
21360+
"name": "color",
21361+
"type": {
21362+
"text": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
21363+
"references": [
21364+
{
21365+
"name": "SwirlIconColor",
21366+
"module": "../swirl-icon"
21367+
}
21368+
]
21369+
},
21370+
"fieldName": "color"
21371+
},
21372+
{
21373+
"name": "label",
21374+
"type": {
21375+
"text": "string"
21376+
},
21377+
"fieldName": "label"
21378+
},
21379+
{
21380+
"name": "size",
21381+
"type": {
21382+
"text": "16 | 20 | 24 | 28",
21383+
"references": [
21384+
{
21385+
"name": "SwirlIconSize",
21386+
"module": "../swirl-icon.types"
21387+
}
21388+
]
21389+
},
21390+
"default": "24",
21391+
"fieldName": "size"
21392+
}
21393+
],
21394+
"members": [
21395+
{
21396+
"kind": "field",
21397+
"name": "color",
21398+
"type": {
21399+
"text": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
21400+
"references": [
21401+
{
21402+
"name": "SwirlIconColor",
21403+
"module": "../swirl-icon"
21404+
}
21405+
]
21406+
},
21407+
"readonly": true,
21408+
"attribute": "color"
21409+
},
21410+
{
21411+
"kind": "field",
21412+
"name": "label",
21413+
"type": {
21414+
"text": "string"
21415+
},
21416+
"readonly": true,
21417+
"attribute": "label"
21418+
},
21419+
{
21420+
"kind": "field",
21421+
"name": "size",
21422+
"type": {
21423+
"text": "16 | 20 | 24 | 28",
21424+
"references": [
21425+
{
21426+
"name": "SwirlIconSize",
21427+
"module": "../swirl-icon.types"
21428+
}
21429+
]
21430+
},
21431+
"default": "24",
21432+
"readonly": true,
21433+
"attribute": "size"
21434+
}
21435+
],
21436+
"cssParts": [
21437+
{
21438+
"name": "icon"
21439+
}
21440+
]
21441+
}
21442+
],
21443+
"exports": [
21444+
{
21445+
"kind": "js",
21446+
"name": "SwirlIconFactCheck",
21447+
"declaration": {
21448+
"name": "SwirlIconFactCheck"
21449+
}
21450+
},
21451+
{
21452+
"kind": "custom-element-definition",
21453+
"name": "swirl-icon-fact-check",
21454+
"declaration": {
21455+
"name": "SwirlIconFactCheck"
21456+
}
21457+
}
21458+
]
21459+
},
2134921460
{
2135021461
"kind": "javascript-module",
2135121462
"path": "src/components/swirl-icon/icons/swirl-icon-file.tsx",
@@ -27562,6 +27673,117 @@
2756227673
}
2756327674
]
2756427675
},
27676+
{
27677+
"kind": "javascript-module",
27678+
"path": "src/components/swirl-icon/icons/swirl-icon-mark-email-read.tsx",
27679+
"declarations": [
27680+
{
27681+
"kind": "class",
27682+
"customElement": true,
27683+
"tagName": "swirl-icon-mark-email-read",
27684+
"name": "SwirlIconMarkEmailRead",
27685+
"attributes": [
27686+
{
27687+
"name": "color",
27688+
"type": {
27689+
"text": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
27690+
"references": [
27691+
{
27692+
"name": "SwirlIconColor",
27693+
"module": "../swirl-icon"
27694+
}
27695+
]
27696+
},
27697+
"fieldName": "color"
27698+
},
27699+
{
27700+
"name": "label",
27701+
"type": {
27702+
"text": "string"
27703+
},
27704+
"fieldName": "label"
27705+
},
27706+
{
27707+
"name": "size",
27708+
"type": {
27709+
"text": "16 | 20 | 24 | 28",
27710+
"references": [
27711+
{
27712+
"name": "SwirlIconSize",
27713+
"module": "../swirl-icon.types"
27714+
}
27715+
]
27716+
},
27717+
"default": "24",
27718+
"fieldName": "size"
27719+
}
27720+
],
27721+
"members": [
27722+
{
27723+
"kind": "field",
27724+
"name": "color",
27725+
"type": {
27726+
"text": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
27727+
"references": [
27728+
{
27729+
"name": "SwirlIconColor",
27730+
"module": "../swirl-icon"
27731+
}
27732+
]
27733+
},
27734+
"readonly": true,
27735+
"attribute": "color"
27736+
},
27737+
{
27738+
"kind": "field",
27739+
"name": "label",
27740+
"type": {
27741+
"text": "string"
27742+
},
27743+
"readonly": true,
27744+
"attribute": "label"
27745+
},
27746+
{
27747+
"kind": "field",
27748+
"name": "size",
27749+
"type": {
27750+
"text": "16 | 20 | 24 | 28",
27751+
"references": [
27752+
{
27753+
"name": "SwirlIconSize",
27754+
"module": "../swirl-icon.types"
27755+
}
27756+
]
27757+
},
27758+
"default": "24",
27759+
"readonly": true,
27760+
"attribute": "size"
27761+
}
27762+
],
27763+
"cssParts": [
27764+
{
27765+
"name": "icon"
27766+
}
27767+
]
27768+
}
27769+
],
27770+
"exports": [
27771+
{
27772+
"kind": "js",
27773+
"name": "SwirlIconMarkEmailRead",
27774+
"declaration": {
27775+
"name": "SwirlIconMarkEmailRead"
27776+
}
27777+
},
27778+
{
27779+
"kind": "custom-element-definition",
27780+
"name": "swirl-icon-mark-email-read",
27781+
"declaration": {
27782+
"name": "SwirlIconMarkEmailRead"
27783+
}
27784+
}
27785+
]
27786+
},
2756527787
{
2756627788
"kind": "javascript-module",
2756727789
"path": "src/components/swirl-icon/icons/swirl-icon-mention.tsx",
@@ -30115,6 +30337,117 @@
3011530337
}
3011630338
]
3011730339
},
30340+
{
30341+
"kind": "javascript-module",
30342+
"path": "src/components/swirl-icon/icons/swirl-icon-password.tsx",
30343+
"declarations": [
30344+
{
30345+
"kind": "class",
30346+
"customElement": true,
30347+
"tagName": "swirl-icon-password",
30348+
"name": "SwirlIconPassword",
30349+
"attributes": [
30350+
{
30351+
"name": "color",
30352+
"type": {
30353+
"text": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
30354+
"references": [
30355+
{
30356+
"name": "SwirlIconColor",
30357+
"module": "../swirl-icon"
30358+
}
30359+
]
30360+
},
30361+
"fieldName": "color"
30362+
},
30363+
{
30364+
"name": "label",
30365+
"type": {
30366+
"text": "string"
30367+
},
30368+
"fieldName": "label"
30369+
},
30370+
{
30371+
"name": "size",
30372+
"type": {
30373+
"text": "16 | 20 | 24 | 28",
30374+
"references": [
30375+
{
30376+
"name": "SwirlIconSize",
30377+
"module": "../swirl-icon.types"
30378+
}
30379+
]
30380+
},
30381+
"default": "24",
30382+
"fieldName": "size"
30383+
}
30384+
],
30385+
"members": [
30386+
{
30387+
"kind": "field",
30388+
"name": "color",
30389+
"type": {
30390+
"text": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
30391+
"references": [
30392+
{
30393+
"name": "SwirlIconColor",
30394+
"module": "../swirl-icon"
30395+
}
30396+
]
30397+
},
30398+
"readonly": true,
30399+
"attribute": "color"
30400+
},
30401+
{
30402+
"kind": "field",
30403+
"name": "label",
30404+
"type": {
30405+
"text": "string"
30406+
},
30407+
"readonly": true,
30408+
"attribute": "label"
30409+
},
30410+
{
30411+
"kind": "field",
30412+
"name": "size",
30413+
"type": {
30414+
"text": "16 | 20 | 24 | 28",
30415+
"references": [
30416+
{
30417+
"name": "SwirlIconSize",
30418+
"module": "../swirl-icon.types"
30419+
}
30420+
]
30421+
},
30422+
"default": "24",
30423+
"readonly": true,
30424+
"attribute": "size"
30425+
}
30426+
],
30427+
"cssParts": [
30428+
{
30429+
"name": "icon"
30430+
}
30431+
]
30432+
}
30433+
],
30434+
"exports": [
30435+
{
30436+
"kind": "js",
30437+
"name": "SwirlIconPassword",
30438+
"declaration": {
30439+
"name": "SwirlIconPassword"
30440+
}
30441+
},
30442+
{
30443+
"kind": "custom-element-definition",
30444+
"name": "swirl-icon-password",
30445+
"declaration": {
30446+
"name": "SwirlIconPassword"
30447+
}
30448+
}
30449+
]
30450+
},
3011830451
{
3011930452
"kind": "javascript-module",
3012030453
"path": "src/components/swirl-icon/icons/swirl-icon-patient-list.tsx",
@@ -58338,6 +58671,13 @@
5833858671
"text": "string"
5833958672
},
5834058673
"fieldName": "tabId"
58674+
},
58675+
{
58676+
"name": "tooltip",
58677+
"type": {
58678+
"text": "string"
58679+
},
58680+
"fieldName": "tooltip"
5834158681
}
5834258682
],
5834358683
"members": [
@@ -58391,6 +58731,15 @@
5839158731
},
5839258732
"readonly": true,
5839358733
"attribute": "tab-id"
58734+
},
58735+
{
58736+
"kind": "field",
58737+
"name": "tooltip",
58738+
"type": {
58739+
"text": "string"
58740+
},
58741+
"readonly": true,
58742+
"attribute": "tooltip"
5839458743
}
5839558744
]
5839658745
}

0 commit comments

Comments
 (0)