fictoan-react 2.0.0-beta.12 → 2.0.0-beta.13
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Meter.d.ts","sourceRoot":"","sources":["../../../src/components/Meter/Meter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"Meter.d.ts","sourceRoot":"","sources":["../../../src/components/Meter/Meter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAOvE,OAAO,aAAa,CAAC;AAKrB,MAAM,WAAW,qBAAqB;IAClC,MAAO,CAAC,EAAG,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC7B,GAAG,EAAmB,MAAM,CAAC;IAC7B,GAAG,EAAmB,MAAM,CAAC;IAC7B,GAAG,EAAmB,MAAM,CAAC;IAC7B,IAAI,EAAkB,MAAM,CAAC;IAC7B,KAAK,EAAiB,MAAM,CAAC;IAC7B,OAAkB,CAAC,EAAG,MAAM,CAAC;IAC7B,iBAAkB,CAAC,EAAG,OAAO,CAAC;IAC9B,MAAkB,CAAC,EAAG,MAAM,CAAC;IAC7B,MAAkB,CAAC,EAAG,MAAM,CAAC;IAC7B,KAAkB,CAAC,EAAG,MAAM,CAAC;IAC7B,SAAkB,CAAC,EAAG,MAAM,CAAC;IAC7B,WAAkB,CAAC,EAAG,MAAM,CAAC;CAChC;AAED,MAAM,MAAM,gBAAgB,GAAG,gBAAgB,CAAC;AAChD,MAAM,MAAM,UAAU,GAAG,gBAAgB,GAAG,WAAW,CAAC;AACxD,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,kBAAkB,CAAC,cAAc,CAAC,EAAE,MAAM,qBAAqB,CAAC,GACrE,qBAAqB,CAAC;AAInD,eAAO,MAAM,KAAK,yGA4GjB,CAAC"}
|
package/dist/index.css
CHANGED
|
@@ -331,6 +331,9 @@
|
|
|
331
331
|
-webkit-user-select : none;
|
|
332
332
|
-moz-user-select : none;
|
|
333
333
|
user-select : none;
|
|
334
|
+
display : flex;
|
|
335
|
+
gap : 8px;
|
|
336
|
+
align-items : center;
|
|
334
337
|
}
|
|
335
338
|
|
|
336
339
|
/*To make sure a button's children don't style themselves like a d-bag*/
|
|
@@ -360,7 +363,6 @@
|
|
|
360
363
|
cursor : not-allowed;
|
|
361
364
|
}
|
|
362
365
|
|
|
363
|
-
|
|
364
366
|
/* VARIANT COLOUR LAYER ///////////////////////////////////////////////////// */
|
|
365
367
|
[data-button].success {
|
|
366
368
|
--button-primary-bg : var(--button-success-bg);
|
|
@@ -745,29 +747,37 @@ li[data-breadcrumb-item] .breadcrumb-separator {
|
|
|
745
747
|
user-select : none;
|
|
746
748
|
}
|
|
747
749
|
[data-callout] {
|
|
750
|
+
position : relative;
|
|
748
751
|
display : block;
|
|
749
|
-
border-width : 0 0 0 var(--callout-border-width);
|
|
750
752
|
word-break : break-word;
|
|
751
|
-
border-
|
|
752
|
-
|
|
753
|
-
border-radius : var(--callout-border-radius);
|
|
753
|
+
padding : 16px 16px 16px calc(var(--callout-border-width) + 16px);
|
|
754
|
+
border-radius : var(--global-border-radius);
|
|
754
755
|
}
|
|
756
|
+
[data-callout]::before {
|
|
757
|
+
position : absolute;
|
|
758
|
+
top : 4px;
|
|
759
|
+
left : 4px;
|
|
760
|
+
height : calc(100% - 8px);
|
|
761
|
+
content : "";
|
|
762
|
+
width : var(--callout-border-width);
|
|
763
|
+
border-radius : calc(var(--callout-border-width) / 2);
|
|
764
|
+
}
|
|
755
765
|
.info[data-callout] {
|
|
756
766
|
background-color : var(--callout-info-bg);
|
|
757
|
-
border-color : var(--callout-info-border);
|
|
758
767
|
}
|
|
768
|
+
.info[data-callout]::before { background-color : var(--callout-info-border); }
|
|
759
769
|
.success[data-callout] {
|
|
760
770
|
background-color : var(--callout-success-bg);
|
|
761
|
-
border-color : var(--callout-success-border);
|
|
762
771
|
}
|
|
772
|
+
.success[data-callout]::before { background-color : var(--callout-success-border); }
|
|
763
773
|
.warning[data-callout] {
|
|
764
774
|
background-color : var(--callout-warning-bg);
|
|
765
|
-
border-color : var(--callout-warning-border);
|
|
766
775
|
}
|
|
776
|
+
.warning[data-callout]::before { background-color : var(--callout-warning-border); }
|
|
767
777
|
.error[data-callout] {
|
|
768
778
|
background-color : var(--callout-error-bg);
|
|
769
|
-
border-color : var(--callout-error-border);
|
|
770
779
|
}
|
|
780
|
+
.error[data-callout]::before { background-color : var(--callout-error-border); }
|
|
771
781
|
[data-card] {
|
|
772
782
|
position : relative;
|
|
773
783
|
width : 100%;
|
|
@@ -9755,17 +9765,17 @@ mark {
|
|
|
9755
9765
|
--callout-border-radius : var(--global-border-radius);
|
|
9756
9766
|
--callout-border-width : var(--nano);
|
|
9757
9767
|
|
|
9758
|
-
--callout-info-bg : var(--blue-
|
|
9759
|
-
--callout-info-border : var(--blue
|
|
9768
|
+
--callout-info-bg : var(--blue-light90);
|
|
9769
|
+
--callout-info-border : var(--blue);
|
|
9760
9770
|
|
|
9761
|
-
--callout-success-bg : var(--green-
|
|
9762
|
-
--callout-success-border : var(--green
|
|
9771
|
+
--callout-success-bg : var(--green-light90);
|
|
9772
|
+
--callout-success-border : var(--green);
|
|
9763
9773
|
|
|
9764
|
-
--callout-warning-bg : var(--amber-
|
|
9765
|
-
--callout-warning-border : var(--amber
|
|
9774
|
+
--callout-warning-bg : var(--amber-light90);
|
|
9775
|
+
--callout-warning-border : var(--amber);
|
|
9766
9776
|
|
|
9767
|
-
--callout-error-bg : var(--red-
|
|
9768
|
-
--callout-error-border : var(--red
|
|
9777
|
+
--callout-error-bg : var(--red-light90);
|
|
9778
|
+
--callout-error-border : var(--red);
|
|
9769
9779
|
}
|
|
9770
9780
|
|
|
9771
9781
|
/* CARD ///////////////////////////////////////////////////////////////////// */
|
package/package.json
CHANGED