@spectrum-web-components/coachmark 0.9.3 → 0.9.4
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/custom-elements.json +0 -57
- package/package.json +3 -3
package/custom-elements.json
CHANGED
|
@@ -85,63 +85,6 @@
|
|
|
85
85
|
}
|
|
86
86
|
}
|
|
87
87
|
]
|
|
88
|
-
},
|
|
89
|
-
{
|
|
90
|
-
"kind": "javascript-module",
|
|
91
|
-
"path": "src/coachmark.css.ts",
|
|
92
|
-
"declarations": [
|
|
93
|
-
{
|
|
94
|
-
"kind": "variable",
|
|
95
|
-
"name": "styles",
|
|
96
|
-
"default": "css`\n@keyframes pulse{0%{opacity:var(\n--spectrum-coachmark-animation-indicator-keyframe-0-opacity,0\n);-webkit-transform:scale(var(--spectrum-coachmark-animation-indicator-keyframe-0-scale,1))}50%{opacity:var(\n--spectrum-coachmark-animation-indicator-keyframe-50-opacity,1\n);-webkit-transform:scale(var(--spectrum-coachmark-animation-indicator-keyframe-50-scale,1.5))}to{opacity:var(\n--spectrum-coachmark-animation-indicator-keyframe-100-opacity,0\n);-webkit-transform:scale(var(--spectrum-coachmark-animation-indicator-keyframe-100-scale,2))}}@keyframes pulse--quiet{0%{opacity:var(\n--spectrum-coachmark-animation-indicator-keyframe-0-opacity,0\n);-webkit-transform:scale(var(\n--spectrum-coachmark-quiet-animation-indicator-keyframe-0-scale,.8\n))}50%{opacity:var(\n--spectrum-coachmark-animation-indicator-keyframe-50-opacity,1\n);-webkit-transform:scale(var(--spectrum-coachmark-animation-indicator-keyframe-50-scale,1.5))}to{opacity:var(\n--spectrum-coachmark-animation-indicator-keyframe-100-opacity,0\n);-webkit-transform:scale(var(--spectrum-coachmark-animation-indicator-keyframe-100-scale,2))}}:host([dir=ltr]) .spectrum-CoachMarkPopover-footer{text-align:right}:host([dir=rtl]) .spectrum-CoachMarkPopover-footer{text-align:left}:host{margin:var(\n--spectrum-coachmark-indicator-gap,var(--spectrum-global-dimension-size-75)\n);position:relative}.ring{border-radius:50%;border-style:solid;border-width:var(\n--spectrum-coachmark-indicator-ring-border-size,var(--spectrum-global-dimension-static-size-25)\n);display:block;position:absolute}.ring:nth-child(2){animation-delay:calc(var(--spectrum-coachmark-animation-indicator-ring-duration, 3s)*var(\n--spectrum-coachmark-animation-indicator-ring-center-delay-multiple,\n-.66\n))}.ring:nth-child(3){animation-delay:calc(var(--spectrum-coachmark-animation-indicator-ring-duration, 3s)*var(\n--spectrum-coachmark-animation-indicator-ring-outer-delay-multiple,\n-1\n))}:host{min-height:calc(var(\n--spectrum-coachmark-indicator-ring-diameter,\nvar(--spectrum-global-dimension-size-200)\n)*3);min-width:calc(var(\n--spectrum-coachmark-indicator-ring-diameter,\nvar(--spectrum-global-dimension-size-200)\n)*3)}:host([dir=ltr]) .ring{left:calc(var(\n--spectrum-coachmark-indicator-ring-diameter,\nvar(--spectrum-global-dimension-size-200)\n)*.75)}:host([dir=rtl]) .ring{right:calc(var(\n--spectrum-coachmark-indicator-ring-diameter,\nvar(--spectrum-global-dimension-size-200)\n)*.75)}.ring{animation:pulse var(--spectrum-coachmark-animation-indicator-ring-duration,3s) linear infinite;height:var(\n--spectrum-coachmark-indicator-ring-diameter,var(--spectrum-global-dimension-size-200)\n);top:calc(var(\n--spectrum-coachmark-indicator-ring-diameter,\nvar(--spectrum-global-dimension-size-200)\n)*.75);width:var(\n--spectrum-coachmark-indicator-ring-diameter,var(--spectrum-global-dimension-size-200)\n)}.ring:first-child{animation-delay:calc(var(--spectrum-coachmark-animation-indicator-ring-duration, 3s)*var(\n--spectrum-coachmark-animation-indicator-ring-inner-delay-multiple,\n-.5\n))}:host([quiet]){min-height:calc(var(\n--spectrum-coachmark-quiet-indicator-ring-diameter,\nvar(--spectrum-global-dimension-size-100)\n)*2.75);min-width:calc(var(\n--spectrum-coachmark-quiet-indicator-ring-diameter,\nvar(--spectrum-global-dimension-size-100)\n)*2.75)}:host([dir=ltr][quiet]) .ring{left:calc(var(\n--spectrum-coachmark-quiet-indicator-ring-diameter,\nvar(--spectrum-global-dimension-size-100)\n)*.75)}:host([dir=rtl][quiet]) .ring{right:calc(var(\n--spectrum-coachmark-quiet-indicator-ring-diameter,\nvar(--spectrum-global-dimension-size-100)\n)*.75)}:host([quiet]) .ring{animation:pulse--quiet var(--spectrum-coachmark-animation-indicator-ring-duration,3s) linear infinite;height:var(\n--spectrum-coachmark-quiet-indicator-ring-diameter,var(--spectrum-global-dimension-size-100)\n);top:calc(var(\n--spectrum-coachmark-quiet-indicator-ring-diameter,\nvar(--spectrum-global-dimension-size-100)\n)*.75);width:var(\n--spectrum-coachmark-quiet-indicator-ring-diameter,var(--spectrum-global-dimension-size-100)\n)}:host([quiet]) .ring:first-child{animation-delay:calc(var(--spectrum-coachmark-animation-indicator-ring-duration, 3s)*var(\n--spectrum-coachmark-quiet-animation-indicator-ring-inner-delay-multiple,\n-.33\n))}.ring{border-color:var(\n--spectrum-coachmark-indicator-ring-default-color,var(--spectrum-alias-focus-color)\n)}:host([variant=light]) .ring{border-color:var(\n--spectrum-coachmark-indicator-ring-low-contrast-color,var(--spectrum-global-color-gray-50)\n)}:host([variant=dark]) .ring{border-color:var(\n--spectrum-coachmark-indicator-ring-high-contrast-color,var(--spectrum-global-color-gray-900)\n)}:host{display:inline-block}\n`"
|
|
97
|
-
}
|
|
98
|
-
],
|
|
99
|
-
"exports": [
|
|
100
|
-
{
|
|
101
|
-
"kind": "js",
|
|
102
|
-
"name": "default",
|
|
103
|
-
"declaration": {
|
|
104
|
-
"name": "styles",
|
|
105
|
-
"module": "src/coachmark.css.ts"
|
|
106
|
-
}
|
|
107
|
-
}
|
|
108
|
-
]
|
|
109
|
-
},
|
|
110
|
-
{
|
|
111
|
-
"kind": "javascript-module",
|
|
112
|
-
"path": "src/index.ts",
|
|
113
|
-
"declarations": [],
|
|
114
|
-
"exports": [
|
|
115
|
-
{
|
|
116
|
-
"kind": "js",
|
|
117
|
-
"name": "*",
|
|
118
|
-
"declaration": {
|
|
119
|
-
"name": "*",
|
|
120
|
-
"package": "./Coachmark.js"
|
|
121
|
-
}
|
|
122
|
-
}
|
|
123
|
-
]
|
|
124
|
-
},
|
|
125
|
-
{
|
|
126
|
-
"kind": "javascript-module",
|
|
127
|
-
"path": "src/spectrum-coachmark.css.ts",
|
|
128
|
-
"declarations": [
|
|
129
|
-
{
|
|
130
|
-
"kind": "variable",
|
|
131
|
-
"name": "styles",
|
|
132
|
-
"default": "css`\n@keyframes pulse{0%{opacity:var(\n--spectrum-coachmark-animation-indicator-keyframe-0-opacity,0\n);-webkit-transform:scale(var(--spectrum-coachmark-animation-indicator-keyframe-0-scale,1))}50%{opacity:var(\n--spectrum-coachmark-animation-indicator-keyframe-50-opacity,1\n);-webkit-transform:scale(var(--spectrum-coachmark-animation-indicator-keyframe-50-scale,1.5))}to{opacity:var(\n--spectrum-coachmark-animation-indicator-keyframe-100-opacity,0\n);-webkit-transform:scale(var(--spectrum-coachmark-animation-indicator-keyframe-100-scale,2))}}@keyframes pulse--quiet{0%{opacity:var(\n--spectrum-coachmark-animation-indicator-keyframe-0-opacity,0\n);-webkit-transform:scale(var(\n--spectrum-coachmark-quiet-animation-indicator-keyframe-0-scale,.8\n))}50%{opacity:var(\n--spectrum-coachmark-animation-indicator-keyframe-50-opacity,1\n);-webkit-transform:scale(var(--spectrum-coachmark-animation-indicator-keyframe-50-scale,1.5))}to{opacity:var(\n--spectrum-coachmark-animation-indicator-keyframe-100-opacity,0\n);-webkit-transform:scale(var(--spectrum-coachmark-animation-indicator-keyframe-100-scale,2))}}:host([dir=ltr]) .spectrum-CoachMarkPopover-footer{text-align:right}:host([dir=rtl]) .spectrum-CoachMarkPopover-footer{text-align:left}:host{margin:var(\n--spectrum-coachmark-indicator-gap,var(--spectrum-global-dimension-size-75)\n);position:relative}.ring{border-radius:50%;border-style:solid;border-width:var(\n--spectrum-coachmark-indicator-ring-border-size,var(--spectrum-global-dimension-static-size-25)\n);display:block;position:absolute}.ring:nth-child(2){animation-delay:calc(var(--spectrum-coachmark-animation-indicator-ring-duration, 3s)*var(\n--spectrum-coachmark-animation-indicator-ring-center-delay-multiple,\n-.66\n))}.ring:nth-child(3){animation-delay:calc(var(--spectrum-coachmark-animation-indicator-ring-duration, 3s)*var(\n--spectrum-coachmark-animation-indicator-ring-outer-delay-multiple,\n-1\n))}:host{min-height:calc(var(\n--spectrum-coachmark-indicator-ring-diameter,\nvar(--spectrum-global-dimension-size-200)\n)*3);min-width:calc(var(\n--spectrum-coachmark-indicator-ring-diameter,\nvar(--spectrum-global-dimension-size-200)\n)*3)}:host([dir=ltr]) .ring{left:calc(var(\n--spectrum-coachmark-indicator-ring-diameter,\nvar(--spectrum-global-dimension-size-200)\n)*.75)}:host([dir=rtl]) .ring{right:calc(var(\n--spectrum-coachmark-indicator-ring-diameter,\nvar(--spectrum-global-dimension-size-200)\n)*.75)}.ring{animation:pulse var(--spectrum-coachmark-animation-indicator-ring-duration,3s) linear infinite;height:var(\n--spectrum-coachmark-indicator-ring-diameter,var(--spectrum-global-dimension-size-200)\n);top:calc(var(\n--spectrum-coachmark-indicator-ring-diameter,\nvar(--spectrum-global-dimension-size-200)\n)*.75);width:var(\n--spectrum-coachmark-indicator-ring-diameter,var(--spectrum-global-dimension-size-200)\n)}.ring:first-child{animation-delay:calc(var(--spectrum-coachmark-animation-indicator-ring-duration, 3s)*var(\n--spectrum-coachmark-animation-indicator-ring-inner-delay-multiple,\n-.5\n))}:host([quiet]){min-height:calc(var(\n--spectrum-coachmark-quiet-indicator-ring-diameter,\nvar(--spectrum-global-dimension-size-100)\n)*2.75);min-width:calc(var(\n--spectrum-coachmark-quiet-indicator-ring-diameter,\nvar(--spectrum-global-dimension-size-100)\n)*2.75)}:host([dir=ltr][quiet]) .ring{left:calc(var(\n--spectrum-coachmark-quiet-indicator-ring-diameter,\nvar(--spectrum-global-dimension-size-100)\n)*.75)}:host([dir=rtl][quiet]) .ring{right:calc(var(\n--spectrum-coachmark-quiet-indicator-ring-diameter,\nvar(--spectrum-global-dimension-size-100)\n)*.75)}:host([quiet]) .ring{animation:pulse--quiet var(--spectrum-coachmark-animation-indicator-ring-duration,3s) linear infinite;height:var(\n--spectrum-coachmark-quiet-indicator-ring-diameter,var(--spectrum-global-dimension-size-100)\n);top:calc(var(\n--spectrum-coachmark-quiet-indicator-ring-diameter,\nvar(--spectrum-global-dimension-size-100)\n)*.75);width:var(\n--spectrum-coachmark-quiet-indicator-ring-diameter,var(--spectrum-global-dimension-size-100)\n)}:host([quiet]) .ring:first-child{animation-delay:calc(var(--spectrum-coachmark-animation-indicator-ring-duration, 3s)*var(\n--spectrum-coachmark-quiet-animation-indicator-ring-inner-delay-multiple,\n-.33\n))}.ring{border-color:var(\n--spectrum-coachmark-indicator-ring-default-color,var(--spectrum-alias-focus-color)\n)}:host([variant=light]) .ring{border-color:var(\n--spectrum-coachmark-indicator-ring-low-contrast-color,var(--spectrum-global-color-gray-50)\n)}:host([variant=dark]) .ring{border-color:var(\n--spectrum-coachmark-indicator-ring-high-contrast-color,var(--spectrum-global-color-gray-900)\n)}\n`"
|
|
133
|
-
}
|
|
134
|
-
],
|
|
135
|
-
"exports": [
|
|
136
|
-
{
|
|
137
|
-
"kind": "js",
|
|
138
|
-
"name": "default",
|
|
139
|
-
"declaration": {
|
|
140
|
-
"name": "styles",
|
|
141
|
-
"module": "src/spectrum-coachmark.css.ts"
|
|
142
|
-
}
|
|
143
|
-
}
|
|
144
|
-
]
|
|
145
88
|
}
|
|
146
89
|
]
|
|
147
90
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spectrum-web-components/coachmark",
|
|
3
|
-
"version": "0.9.
|
|
3
|
+
"version": "0.9.4",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -48,12 +48,12 @@
|
|
|
48
48
|
"tslib": "^2.0.0"
|
|
49
49
|
},
|
|
50
50
|
"devDependencies": {
|
|
51
|
-
"@spectrum-css/coachmark": "^5.0.
|
|
51
|
+
"@spectrum-css/coachmark": "^5.0.11"
|
|
52
52
|
},
|
|
53
53
|
"types": "./src/index.d.ts",
|
|
54
54
|
"customElements": "custom-elements.json",
|
|
55
55
|
"sideEffects": [
|
|
56
56
|
"./sp-*.js"
|
|
57
57
|
],
|
|
58
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "8f5ea3556e160b6e30815edb2414dc5a5999a925"
|
|
59
59
|
}
|