@20minutes/hela 2.19.0 → 2.19.1
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/assets/scripts/{closeArticleButton.d.ts → floatingButton.d.ts} +1 -0
- package/dist/components/atoms/Button/Button.d.ts +1 -1
- package/dist/components/atoms/IconButton/IconButton.d.ts +2 -1
- package/dist/index.es.js +8 -6
- package/dist/index.umd.cjs +1 -1
- package/dist/js/scripts.es.js +261 -260
- package/dist/js/scripts.umd.cjs +1 -1
- package/dist/scss/abstracts/mixins/_buttons.scss +9 -0
- package/dist/scss/abstracts/variables/_token-variables.scss +1 -1
- package/dist/style.css +1 -1
- package/package.json +7 -5
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { IconProps } from '../..';
|
|
3
3
|
import { As, AsProps, ColorType, SpacingSystemProps } from '../../../types';
|
|
4
|
-
export declare const buttonColor: readonly ["primary", "secondary", "tertiary", "translucent", "dark", "white"];
|
|
4
|
+
export declare const buttonColor: readonly ["primary", "secondary", "tertiary", "translucent", "dark", "white", "blue-ice"];
|
|
5
5
|
export type ButtonColorType = (typeof buttonColor)[number];
|
|
6
6
|
export declare const buttonVariant: readonly ["ghost", "outlined", "link", "ghost-with-icon-bg", "close"];
|
|
7
7
|
export type ButtonVariantType = (typeof buttonVariant)[number];
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { IconProps } from '../..';
|
|
2
2
|
import { As, AsProps, SpacingSystemProps } from '../../../types';
|
|
3
3
|
import { ButtonProps } from '../Button/Button';
|
|
4
|
-
export declare const iconButtonColor: readonly ["primary", "secondary", "tertiary", "translucent", "dark", "white", "blue-dark"];
|
|
4
|
+
export declare const iconButtonColor: readonly ["primary", "secondary", "tertiary", "translucent", "dark", "white", "blue-ice", "blue-dark"];
|
|
5
5
|
export type IconButtonColorType = (typeof iconButtonColor)[number];
|
|
6
6
|
export interface IconButtonOptions {
|
|
7
7
|
iconProps: IconProps;
|
|
@@ -10,6 +10,7 @@ export interface IconButtonOptions {
|
|
|
10
10
|
size?: 'small' | 'tiny';
|
|
11
11
|
hasShadow?: boolean;
|
|
12
12
|
isLoading?: boolean;
|
|
13
|
+
isFloating?: boolean;
|
|
13
14
|
}
|
|
14
15
|
export type IconButtonProps<T extends As = 'button'> = IconButtonOptions & SpacingSystemProps & Omit<AsProps<T>, 'color'>;
|
|
15
16
|
export declare const IconButton: import('../../../types').ComponentWithAs<"button", IconButtonProps<"button">>;
|
package/dist/index.es.js
CHANGED
|
@@ -179,7 +179,8 @@ const w0 = [
|
|
|
179
179
|
"tertiary",
|
|
180
180
|
"translucent",
|
|
181
181
|
"dark",
|
|
182
|
-
"white"
|
|
182
|
+
"white",
|
|
183
|
+
"blue-ice"
|
|
183
184
|
], De = ["ghost", "outlined", "link", "ghost-with-icon-bg", "close"], H = T(
|
|
184
185
|
({
|
|
185
186
|
as: a = "button",
|
|
@@ -2956,12 +2957,12 @@ const G1 = {
|
|
|
2956
2957
|
] }),
|
|
2957
2958
|
/* @__PURE__ */ e("symbol", { viewBox: "0 0 20 15", id: "youtube", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e("path", { d: "M19.5 2.8c-.1-.6-.4-1.1-.8-1.5-.4-.4-.9-.7-1.4-.9C15.7.1 10.6 0 10 0c-.6 0-5.7 0-7.2.4-.5.2-1 .4-1.4.9-.5.4-.7 1-.9 1.5C.1 4.4.1 7.4.1 7.5s0 3.1.4 4.7c.1.6.4 1.1.8 1.5.4.4.9.7 1.4.9 1.5.4 6.6.4 7.2.4.6 0 5.7 0 7.2-.4.5-.2 1-.4 1.4-.9.4-.4.7-.9.8-1.5.4-1.5.4-4.6.4-4.7s.2-3.1-.2-4.7zm-6.3 5c0 .1-.1.1-.2.2l-4.3 2.6c-.1 0-.2.1-.2.1-.1 0-.3-.1-.4-.2s-.1-.3-.1-.4V4.7c0-.1.1-.1.2-.2.1 0 .2-.1.2-.1.1 0 .2 0 .2.1L13 7.1c.1 0 .1.1.2.2s.1.2.1.3c-.1 0-.1.1-.1.2z" }) })
|
|
2958
2959
|
] }), f2 = [...w0, "blue-dark"], q = T(
|
|
2959
|
-
({ iconProps: a, as: s = "button", variant: c, color: l, size: r, hasShadow: n, isLoading: i,
|
|
2960
|
+
({ iconProps: a, as: s = "button", variant: c, color: l, size: r, hasShadow: n, isLoading: i, isFloating: o, ...d }, u) => /* @__PURE__ */ e(
|
|
2960
2961
|
h,
|
|
2961
2962
|
{
|
|
2962
|
-
...
|
|
2963
|
+
...d,
|
|
2963
2964
|
as: s,
|
|
2964
|
-
ref:
|
|
2965
|
+
ref: u,
|
|
2965
2966
|
alignItems: "center",
|
|
2966
2967
|
justifyContent: "center",
|
|
2967
2968
|
className: p(
|
|
@@ -2971,9 +2972,10 @@ const G1 = {
|
|
|
2971
2972
|
[`c-icon-btn--${l}`]: l,
|
|
2972
2973
|
[`c-icon-btn--${r}`]: r,
|
|
2973
2974
|
"c-icon-btn--has-shadow": n,
|
|
2974
|
-
"c-icon-btn--is-loading": i
|
|
2975
|
+
"c-icon-btn--is-loading": i,
|
|
2976
|
+
"c-icon-btn--is-floating": o
|
|
2975
2977
|
},
|
|
2976
|
-
|
|
2978
|
+
d?.className
|
|
2977
2979
|
),
|
|
2978
2980
|
children: /* @__PURE__ */ e(N, { ...a })
|
|
2979
2981
|
}
|