@florid-kit/components 0.4.10 → 0.4.11
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/icon-button.d.ts +1 -1
- package/index.js +3 -3
- package/index.mjs +3 -3
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
2
|
|
|
3
3
|
type bgstyle = "background-light" | "background-contrast" | "ghost-light" | "ghost-contrast" | "none-light" | "none-contrast";
|
|
4
|
-
type size = "
|
|
4
|
+
type size = "xsmall" | "small" | "medium" | "large";
|
|
5
5
|
type status = "empty" | "filled";
|
|
6
6
|
type type = "button" | "span";
|
|
7
7
|
export declare class OccitaneIconButton extends LitElement {
|
package/index.js
CHANGED
|
@@ -396,7 +396,7 @@
|
|
|
396
396
|
fill: var(--color-content-action-secondary);
|
|
397
397
|
}
|
|
398
398
|
|
|
399
|
-
.icon-button.
|
|
399
|
+
.icon-button.xsmall {
|
|
400
400
|
width: 20px;
|
|
401
401
|
height: 20px;
|
|
402
402
|
|
|
@@ -449,7 +449,7 @@
|
|
|
449
449
|
width: auto;
|
|
450
450
|
height: auto;
|
|
451
451
|
|
|
452
|
-
&.
|
|
452
|
+
&.xsmall {
|
|
453
453
|
svg {
|
|
454
454
|
width: 8px;
|
|
455
455
|
height: 8px;
|
|
@@ -865,7 +865,7 @@
|
|
|
865
865
|
`;y([a({type:Boolean,reflect:!0})],v.prototype,"open",2);y([a({type:Boolean,reflect:!0})],v.prototype,"showHeader",2);y([a({type:Boolean,reflect:!0})],v.prototype,"showFooter",2);y([a({type:String,reflect:!0})],v.prototype,"headerTitle",2);y([a({type:String,reflect:!0})],v.prototype,"closeButtonLabel",2);y([a({type:String,reflect:!0})],v.prototype,"firstButtonLabel",2);y([a({type:String,reflect:!0})],v.prototype,"firstButtonVariant",2);y([a({type:Function})],v.prototype,"onFirstButtonClick",2);y([a({type:String,reflect:!0})],v.prototype,"secondaryButtonLabel",2);y([a({type:String,reflect:!0})],v.prototype,"secondaryButtonVariant",2);y([a({type:Function})],v.prototype,"onSecondaryButtonClick",2);y([a({type:Boolean,reflect:!0})],v.prototype,"disablePortal",2);y([a({type:Number,reflect:!0})],v.prototype,"zIndex",2);y([a({type:Boolean,reflect:!0})],v.prototype,"initialized",2);v=y([z("o-side-panel")],v);var Ie=Object.defineProperty,Be=Object.getOwnPropertyDescriptor,M=(n,t,e,o)=>{for(var s=o>1?void 0:o?Be(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(s=(o?i(t,e,s):i(s))||s);return o&&s&&Ie(t,e,s),s};let _=class extends m{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.focusedIndex=0,this.playerIconTemplate=h`
|
|
866
866
|
<o-icon-button
|
|
867
867
|
icon="playerv"
|
|
868
|
-
size="
|
|
868
|
+
size="xsmall"
|
|
869
869
|
bgstyle="background-light"
|
|
870
870
|
type="span"
|
|
871
871
|
status="filled"
|
package/index.mjs
CHANGED
|
@@ -1230,7 +1230,7 @@ $.styles = A`
|
|
|
1230
1230
|
fill: var(--color-content-action-secondary);
|
|
1231
1231
|
}
|
|
1232
1232
|
|
|
1233
|
-
.icon-button.
|
|
1233
|
+
.icon-button.xsmall {
|
|
1234
1234
|
width: 20px;
|
|
1235
1235
|
height: 20px;
|
|
1236
1236
|
|
|
@@ -1283,7 +1283,7 @@ $.styles = A`
|
|
|
1283
1283
|
width: auto;
|
|
1284
1284
|
height: auto;
|
|
1285
1285
|
|
|
1286
|
-
&.
|
|
1286
|
+
&.xsmall {
|
|
1287
1287
|
svg {
|
|
1288
1288
|
width: 8px;
|
|
1289
1289
|
height: 8px;
|
|
@@ -1908,7 +1908,7 @@ let _ = class extends m {
|
|
|
1908
1908
|
super(...arguments), this.thumbnails = [], this.activeIndex = 0, this.disabledIndexes = [], this.maxWidth = "100%", this.focusedIndex = 0, this.playerIconTemplate = h`
|
|
1909
1909
|
<o-icon-button
|
|
1910
1910
|
icon="playerv"
|
|
1911
|
-
size="
|
|
1911
|
+
size="xsmall"
|
|
1912
1912
|
bgstyle="background-light"
|
|
1913
1913
|
type="span"
|
|
1914
1914
|
status="filled"
|