figma-kit 1.0.0-beta.32 → 1.0.0-beta.34
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/components/color-picker/color-picker.d.ts +8 -7
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +526 -475
- package/dist/lib/color.d.ts +2 -8
- package/dist/styles.css +8 -8
- package/dist/tailwind.css +8 -9
- package/package.json +1 -1
package/dist/lib/color.d.ts
CHANGED
|
@@ -19,12 +19,8 @@ type HSL = {
|
|
|
19
19
|
type RGBA = WithAlpha<RGB>;
|
|
20
20
|
type HSVA = WithAlpha<HSV>;
|
|
21
21
|
type HSLA = WithAlpha<HSL>;
|
|
22
|
-
type HEX = string;
|
|
23
22
|
type P3String = `color(display-p3 ${number} ${number} ${number}${` / ${number}` | ''})`;
|
|
24
23
|
type RGBString = `rgb(${number} ${number} ${number}${` / ${number}` | ''})`;
|
|
25
|
-
declare function rgbaToHex({ r, g, b, a }: RGBA): HEX;
|
|
26
|
-
declare function hslaToHex(hsla: HSLA): HEX;
|
|
27
|
-
declare function hsvaToHex(hsla: HSVA): HEX;
|
|
28
24
|
declare function rgbaToHsva({ r, g, b, a }: RGBA): HSVA;
|
|
29
25
|
declare function hsvaToRgba({ h, s, v, a }: HSVA): RGBA;
|
|
30
26
|
declare function hslaToHsva({ h, s, l, a }: HSLA): HSVA;
|
|
@@ -34,7 +30,5 @@ declare function rgbaToHsla(rgba: RGBA): HSLA;
|
|
|
34
30
|
declare function rgbaToP3String(color: RGBA): P3String;
|
|
35
31
|
declare function rgbaToCssString(color: RGBA): RGBString;
|
|
36
32
|
declare function blendWithWhite(color: RGBA): RGBA;
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
export type { RGB, HSV, HSL, RGBA, HSVA, HSLA, HEX, P3String, RGBString };
|
|
40
|
-
export { rgbaToHex, rgbaToHsva, hsvaToRgba, hslaToHsva, hsvaToHsla, hslaToRgba, rgbaToHsla, rgbaToP3String, rgbaToCssString, blendWithWhite, roundHsva, roundHsla, hslaToHex, hsvaToHex, };
|
|
33
|
+
export type { RGB, HSV, HSL, RGBA, HSVA, HSLA, P3String, RGBString };
|
|
34
|
+
export { rgbaToHsva, hsvaToRgba, hslaToHsva, hsvaToHsla, hslaToRgba, rgbaToHsla, rgbaToP3String, rgbaToCssString, blendWithWhite, };
|
package/dist/styles.css
CHANGED
|
@@ -1401,17 +1401,17 @@
|
|
|
1401
1401
|
height: 100%;
|
|
1402
1402
|
outline: 0;
|
|
1403
1403
|
}
|
|
1404
|
-
.fp-SliderControl::before {
|
|
1405
|
-
content: '';
|
|
1406
|
-
position: absolute;
|
|
1407
|
-
}
|
|
1408
|
-
.fp-SliderRoot[data-orientation='horizontal'] .fp-SliderControl::before {
|
|
1409
|
-
inset: calc(50% - var(--space-11) / 2) calc((var(--slider-thumb-inset) + var(--space-3)) * -1);
|
|
1410
|
-
}
|
|
1411
1404
|
.fp-SliderRoot[data-orientation='vertical'] .fp-SliderControl {
|
|
1412
1405
|
flex-direction: column;
|
|
1413
1406
|
}
|
|
1414
|
-
.fp-SliderRoot
|
|
1407
|
+
.fp-SliderRoot:where(.fp-size-small) .fp-SliderControl::before {
|
|
1408
|
+
content: '';
|
|
1409
|
+
position: absolute;
|
|
1410
|
+
}
|
|
1411
|
+
.fp-SliderRoot[data-orientation='horizontal']:where(.fp-size-small) .fp-SliderControl::before {
|
|
1412
|
+
inset: calc(50% - var(--space-11) / 2) calc((var(--slider-thumb-inset) + var(--space-3)) * -1);
|
|
1413
|
+
}
|
|
1414
|
+
.fp-SliderRoot[data-orientation='vertical']:where(.fp-size-small) .fp-SliderControl::before {
|
|
1415
1415
|
inset: calc((var(--slider-thumb-inset) + var(--space-3)) * -1) calc(50% - var(--space-11) / 2);
|
|
1416
1416
|
}
|
|
1417
1417
|
.fp-SliderTrack {
|
package/dist/tailwind.css
CHANGED
|
@@ -1645,20 +1645,19 @@
|
|
|
1645
1645
|
outline: 0;
|
|
1646
1646
|
}
|
|
1647
1647
|
|
|
1648
|
-
|
|
1648
|
+
.fp-SliderRoot[data-orientation='vertical'] .fp-SliderControl {
|
|
1649
|
+
flex-direction: column;
|
|
1650
|
+
}
|
|
1651
|
+
.fp-SliderRoot:where(.fp-size-small) .fp-SliderControl::before {
|
|
1649
1652
|
content: '';
|
|
1650
1653
|
position: absolute;
|
|
1651
1654
|
}
|
|
1652
1655
|
|
|
1653
|
-
.fp-SliderRoot[data-orientation='horizontal'] .fp-SliderControl::before {
|
|
1654
|
-
|
|
1655
|
-
}
|
|
1656
|
-
|
|
1657
|
-
.fp-SliderRoot[data-orientation='vertical'] .fp-SliderControl {
|
|
1658
|
-
flex-direction: column;
|
|
1659
|
-
}
|
|
1656
|
+
.fp-SliderRoot[data-orientation='horizontal']:where(.fp-size-small) .fp-SliderControl::before {
|
|
1657
|
+
inset: calc(50% - var(--space-11) / 2) calc((var(--slider-thumb-inset) + var(--space-3)) * -1);
|
|
1658
|
+
}
|
|
1660
1659
|
|
|
1661
|
-
.fp-SliderRoot[data-orientation='vertical'] .fp-SliderControl::before {
|
|
1660
|
+
.fp-SliderRoot[data-orientation='vertical']:where(.fp-size-small) .fp-SliderControl::before {
|
|
1662
1661
|
inset: calc((var(--slider-thumb-inset) + var(--space-3)) * -1) calc(50% - var(--space-11) / 2);
|
|
1663
1662
|
}
|
|
1664
1663
|
|
package/package.json
CHANGED