@bolttech/atoms-button 0.28.0 → 0.29.0
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,17 +1,15 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
|
-
|
|
6
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
7
5
|
var react = require('react');
|
|
8
6
|
var atomsIcon = require('@bolttech/atoms-icon');
|
|
9
7
|
var styled = require('styled-components');
|
|
10
8
|
var uiUtils = require('@bolttech/ui-utils');
|
|
11
9
|
|
|
12
|
-
function
|
|
10
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
11
|
|
|
14
|
-
var styled__default = /*#__PURE__*/
|
|
12
|
+
var styled__default = /*#__PURE__*/_interopDefault(styled);
|
|
15
13
|
|
|
16
14
|
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
17
15
|
|
|
@@ -61,7 +59,7 @@ var functionBindNative = !fails$7(function () {
|
|
|
61
59
|
var NATIVE_BIND$1 = functionBindNative;
|
|
62
60
|
|
|
63
61
|
var call$5 = Function.prototype.call;
|
|
64
|
-
|
|
62
|
+
// eslint-disable-next-line es/no-function-prototype-bind -- safe
|
|
65
63
|
var functionCall = NATIVE_BIND$1 ? call$5.bind(call$5) : function () {
|
|
66
64
|
return call$5.apply(call$5, arguments);
|
|
67
65
|
};
|
|
@@ -95,6 +93,7 @@ var NATIVE_BIND = functionBindNative;
|
|
|
95
93
|
|
|
96
94
|
var FunctionPrototype$1 = Function.prototype;
|
|
97
95
|
var call$4 = FunctionPrototype$1.call;
|
|
96
|
+
// eslint-disable-next-line es/no-function-prototype-bind -- safe
|
|
98
97
|
var uncurryThisWithBind = NATIVE_BIND && FunctionPrototype$1.bind.bind(call$4, call$4);
|
|
99
98
|
|
|
100
99
|
var functionUncurryThis = NATIVE_BIND ? uncurryThisWithBind : function (fn) {
|
|
@@ -167,7 +166,7 @@ var isCallable$a = typeof documentAll == 'undefined' && documentAll !== undefine
|
|
|
167
166
|
|
|
168
167
|
var isCallable$9 = isCallable$a;
|
|
169
168
|
|
|
170
|
-
var isObject$
|
|
169
|
+
var isObject$4 = function (it) {
|
|
171
170
|
return typeof it == 'object' ? it !== null : isCallable$9(it);
|
|
172
171
|
};
|
|
173
172
|
|
|
@@ -294,7 +293,7 @@ var getMethod$1 = function (V, P) {
|
|
|
294
293
|
|
|
295
294
|
var call$3 = functionCall;
|
|
296
295
|
var isCallable$5 = isCallable$a;
|
|
297
|
-
var isObject$
|
|
296
|
+
var isObject$3 = isObject$4;
|
|
298
297
|
|
|
299
298
|
var $TypeError$3 = TypeError;
|
|
300
299
|
|
|
@@ -302,9 +301,9 @@ var $TypeError$3 = TypeError;
|
|
|
302
301
|
// https://tc39.es/ecma262/#sec-ordinarytoprimitive
|
|
303
302
|
var ordinaryToPrimitive$1 = function (input, pref) {
|
|
304
303
|
var fn, val;
|
|
305
|
-
if (pref === 'string' && isCallable$5(fn = input.toString) && !isObject$
|
|
306
|
-
if (isCallable$5(fn = input.valueOf) && !isObject$
|
|
307
|
-
if (pref !== 'string' && isCallable$5(fn = input.toString) && !isObject$
|
|
304
|
+
if (pref === 'string' && isCallable$5(fn = input.toString) && !isObject$3(val = call$3(fn, input))) return val;
|
|
305
|
+
if (isCallable$5(fn = input.valueOf) && !isObject$3(val = call$3(fn, input))) return val;
|
|
306
|
+
if (pref !== 'string' && isCallable$5(fn = input.toString) && !isObject$3(val = call$3(fn, input))) return val;
|
|
308
307
|
throw new $TypeError$3("Can't convert object to primitive value");
|
|
309
308
|
};
|
|
310
309
|
|
|
@@ -330,14 +329,16 @@ var SHARED = '__core-js_shared__';
|
|
|
330
329
|
var store$3 = sharedStore.exports = globalThis$6[SHARED] || defineGlobalProperty$2(SHARED, {});
|
|
331
330
|
|
|
332
331
|
(store$3.versions || (store$3.versions = [])).push({
|
|
333
|
-
version: '3.
|
|
332
|
+
version: '3.45.0',
|
|
334
333
|
mode: 'global',
|
|
335
|
-
copyright: '© 2014-
|
|
336
|
-
license: 'https://github.com/zloirock/core-js/blob/v3.
|
|
334
|
+
copyright: '© 2014-2025 Denis Pushkarev (zloirock.ru)',
|
|
335
|
+
license: 'https://github.com/zloirock/core-js/blob/v3.45.0/LICENSE',
|
|
337
336
|
source: 'https://github.com/zloirock/core-js'
|
|
338
337
|
});
|
|
339
338
|
|
|
340
|
-
var
|
|
339
|
+
var sharedStoreExports = sharedStore.exports;
|
|
340
|
+
|
|
341
|
+
var store$2 = sharedStoreExports;
|
|
341
342
|
|
|
342
343
|
var shared$3 = function (key, value) {
|
|
343
344
|
return store$2[key] || (store$2[key] = value || {});
|
|
@@ -369,7 +370,7 @@ var uncurryThis$5 = functionUncurryThis;
|
|
|
369
370
|
|
|
370
371
|
var id = 0;
|
|
371
372
|
var postfix = Math.random();
|
|
372
|
-
var toString = uncurryThis$5(1.
|
|
373
|
+
var toString = uncurryThis$5(1.1.toString);
|
|
373
374
|
|
|
374
375
|
var uid$2 = function (key) {
|
|
375
376
|
return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString(++id + postfix, 36);
|
|
@@ -395,7 +396,7 @@ var wellKnownSymbol$1 = function (name) {
|
|
|
395
396
|
};
|
|
396
397
|
|
|
397
398
|
var call$2 = functionCall;
|
|
398
|
-
var isObject$
|
|
399
|
+
var isObject$2 = isObject$4;
|
|
399
400
|
var isSymbol$1 = isSymbol$2;
|
|
400
401
|
var getMethod = getMethod$1;
|
|
401
402
|
var ordinaryToPrimitive = ordinaryToPrimitive$1;
|
|
@@ -407,13 +408,13 @@ var TO_PRIMITIVE = wellKnownSymbol('toPrimitive');
|
|
|
407
408
|
// `ToPrimitive` abstract operation
|
|
408
409
|
// https://tc39.es/ecma262/#sec-toprimitive
|
|
409
410
|
var toPrimitive$1 = function (input, pref) {
|
|
410
|
-
if (!isObject$
|
|
411
|
+
if (!isObject$2(input) || isSymbol$1(input)) return input;
|
|
411
412
|
var exoticToPrim = getMethod(input, TO_PRIMITIVE);
|
|
412
413
|
var result;
|
|
413
414
|
if (exoticToPrim) {
|
|
414
415
|
if (pref === undefined) pref = 'default';
|
|
415
416
|
result = call$2(exoticToPrim, input, pref);
|
|
416
|
-
if (!isObject$
|
|
417
|
+
if (!isObject$2(result) || isSymbol$1(result)) return result;
|
|
417
418
|
throw new $TypeError$2("Can't convert object to primitive value");
|
|
418
419
|
}
|
|
419
420
|
if (pref === undefined) pref = 'number';
|
|
@@ -431,11 +432,11 @@ var toPropertyKey$2 = function (argument) {
|
|
|
431
432
|
};
|
|
432
433
|
|
|
433
434
|
var globalThis$4 = globalThis_1;
|
|
434
|
-
var isObject$
|
|
435
|
+
var isObject$1 = isObject$4;
|
|
435
436
|
|
|
436
437
|
var document$1 = globalThis$4.document;
|
|
437
438
|
// typeof document.createElement is 'object' in old IE
|
|
438
|
-
var EXISTS$1 = isObject$
|
|
439
|
+
var EXISTS$1 = isObject$1(document$1) && isObject$1(document$1.createElement);
|
|
439
440
|
|
|
440
441
|
var documentCreateElement = function (it) {
|
|
441
442
|
return EXISTS$1 ? document$1.createElement(it) : {};
|
|
@@ -491,14 +492,14 @@ var v8PrototypeDefineBug = DESCRIPTORS$5 && fails$3(function () {
|
|
|
491
492
|
}).prototype !== 42;
|
|
492
493
|
});
|
|
493
494
|
|
|
494
|
-
var isObject
|
|
495
|
+
var isObject = isObject$4;
|
|
495
496
|
|
|
496
497
|
var $String$1 = String;
|
|
497
498
|
var $TypeError$1 = TypeError;
|
|
498
499
|
|
|
499
500
|
// `Assert: Type(argument) is Object`
|
|
500
501
|
var anObject$2 = function (argument) {
|
|
501
|
-
if (isObject
|
|
502
|
+
if (isObject(argument)) return argument;
|
|
502
503
|
throw new $TypeError$1($String$1(argument) + ' is not an object');
|
|
503
504
|
};
|
|
504
505
|
|
|
@@ -567,19 +568,15 @@ var FunctionPrototype = Function.prototype;
|
|
|
567
568
|
var getDescriptor = DESCRIPTORS$2 && Object.getOwnPropertyDescriptor;
|
|
568
569
|
|
|
569
570
|
var EXISTS = hasOwn$4(FunctionPrototype, 'name');
|
|
570
|
-
// additional protection from minified / mangled / dropped function names
|
|
571
|
-
var PROPER = EXISTS && (function something() { /* empty */ }).name === 'something';
|
|
572
571
|
var CONFIGURABLE = EXISTS && (!DESCRIPTORS$2 || (DESCRIPTORS$2 && getDescriptor(FunctionPrototype, 'name').configurable));
|
|
573
572
|
|
|
574
573
|
var functionName = {
|
|
575
|
-
EXISTS: EXISTS,
|
|
576
|
-
PROPER: PROPER,
|
|
577
574
|
CONFIGURABLE: CONFIGURABLE
|
|
578
575
|
};
|
|
579
576
|
|
|
580
577
|
var uncurryThis$4 = functionUncurryThis;
|
|
581
578
|
var isCallable$4 = isCallable$a;
|
|
582
|
-
var store$1 =
|
|
579
|
+
var store$1 = sharedStoreExports;
|
|
583
580
|
|
|
584
581
|
var functionToString = uncurryThis$4(Function.toString);
|
|
585
582
|
|
|
@@ -612,10 +609,9 @@ var hiddenKeys$3 = {};
|
|
|
612
609
|
|
|
613
610
|
var NATIVE_WEAK_MAP = weakMapBasicDetection;
|
|
614
611
|
var globalThis$2 = globalThis_1;
|
|
615
|
-
var isObject = isObject$5;
|
|
616
612
|
var createNonEnumerableProperty$1 = createNonEnumerableProperty$2;
|
|
617
613
|
var hasOwn$3 = hasOwnProperty_1;
|
|
618
|
-
var shared =
|
|
614
|
+
var shared = sharedStoreExports;
|
|
619
615
|
var sharedKey = sharedKey$1;
|
|
620
616
|
var hiddenKeys$2 = hiddenKeys$3;
|
|
621
617
|
|
|
@@ -628,15 +624,6 @@ var enforce = function (it) {
|
|
|
628
624
|
return has(it) ? get(it) : set(it, {});
|
|
629
625
|
};
|
|
630
626
|
|
|
631
|
-
var getterFor = function (TYPE) {
|
|
632
|
-
return function (it) {
|
|
633
|
-
var state;
|
|
634
|
-
if (!isObject(it) || (state = get(it)).type !== TYPE) {
|
|
635
|
-
throw new TypeError$1('Incompatible receiver, ' + TYPE + ' required');
|
|
636
|
-
} return state;
|
|
637
|
-
};
|
|
638
|
-
};
|
|
639
|
-
|
|
640
627
|
if (NATIVE_WEAK_MAP || shared.state) {
|
|
641
628
|
var store = shared.state || (shared.state = new WeakMap());
|
|
642
629
|
/* eslint-disable no-self-assign -- prototype methods protection */
|
|
@@ -674,12 +661,8 @@ if (NATIVE_WEAK_MAP || shared.state) {
|
|
|
674
661
|
}
|
|
675
662
|
|
|
676
663
|
var internalState = {
|
|
677
|
-
set: set,
|
|
678
664
|
get: get,
|
|
679
|
-
|
|
680
|
-
enforce: enforce,
|
|
681
|
-
getterFor: getterFor
|
|
682
|
-
};
|
|
665
|
+
enforce: enforce};
|
|
683
666
|
|
|
684
667
|
var uncurryThis$3 = functionUncurryThis;
|
|
685
668
|
var fails$2 = fails$9;
|
|
@@ -736,9 +719,11 @@ Function.prototype.toString = makeBuiltIn$1(function toString() {
|
|
|
736
719
|
return isCallable$2(this) && getInternalState(this).source || inspectSource(this);
|
|
737
720
|
}, 'toString');
|
|
738
721
|
|
|
722
|
+
var makeBuiltInExports = makeBuiltIn$2.exports;
|
|
723
|
+
|
|
739
724
|
var isCallable$1 = isCallable$a;
|
|
740
725
|
var definePropertyModule$1 = objectDefineProperty;
|
|
741
|
-
var makeBuiltIn =
|
|
726
|
+
var makeBuiltIn = makeBuiltInExports;
|
|
742
727
|
var defineGlobalProperty$1 = defineGlobalProperty$3;
|
|
743
728
|
|
|
744
729
|
var defineBuiltIn$1 = function (O, key, value, options) {
|
|
@@ -845,9 +830,6 @@ var createMethod = function (IS_INCLUDES) {
|
|
|
845
830
|
};
|
|
846
831
|
|
|
847
832
|
var arrayIncludes = {
|
|
848
|
-
// `Array.prototype.includes` method
|
|
849
|
-
// https://tc39.es/ecma262/#sec-array.prototype.includes
|
|
850
|
-
includes: createMethod(true),
|
|
851
833
|
// `Array.prototype.indexOf` method
|
|
852
834
|
// https://tc39.es/ecma262/#sec-array.prototype.indexof
|
|
853
835
|
indexOf: createMethod(false)
|
|
@@ -1058,6 +1040,7 @@ var objectAssign = !$assign || fails(function () {
|
|
|
1058
1040
|
var symbol = Symbol('assign detection');
|
|
1059
1041
|
var alphabet = 'abcdefghijklmnopqrst';
|
|
1060
1042
|
A[symbol] = 7;
|
|
1043
|
+
// eslint-disable-next-line es/no-array-prototype-foreach -- safe
|
|
1061
1044
|
alphabet.split('').forEach(function (chr) { B[chr] = chr; });
|
|
1062
1045
|
return $assign({}, A)[symbol] !== 7 || objectKeys($assign({}, B)).join('') !== alphabet;
|
|
1063
1046
|
}) ? function assign(target, source) { // eslint-disable-line no-unused-vars -- required for `.length`
|
|
@@ -1103,6 +1086,8 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
|
1103
1086
|
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
1104
1087
|
PERFORMANCE OF THIS SOFTWARE.
|
|
1105
1088
|
***************************************************************************** */
|
|
1089
|
+
/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
|
|
1090
|
+
|
|
1106
1091
|
|
|
1107
1092
|
function __rest(s, e) {
|
|
1108
1093
|
var t = {};
|
|
@@ -1123,14 +1108,10 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
|
|
|
1123
1108
|
|
|
1124
1109
|
var SizeVariant;
|
|
1125
1110
|
(function (SizeVariant) {
|
|
1126
|
-
SizeVariant["transaction"] = "generic";
|
|
1127
|
-
SizeVariant["brand"] = "generic";
|
|
1128
|
-
SizeVariant["alternative"] = "generic";
|
|
1129
|
-
SizeVariant["outline"] = "generic";
|
|
1130
1111
|
SizeVariant["ghost"] = "ghost";
|
|
1131
1112
|
})(SizeVariant || (SizeVariant = {}));
|
|
1132
1113
|
|
|
1133
|
-
const Container = /*#__PURE__*/styled__default
|
|
1114
|
+
const Container = /*#__PURE__*/styled__default.default.div.withConfig({
|
|
1134
1115
|
displayName: "atoms-buttonstyles__Container",
|
|
1135
1116
|
componentId: "sc-i4bzba-0"
|
|
1136
1117
|
})(["display:flex;align-items:center;gap:", ";white-space:nowrap;cursor:pointer;.left-img-btn,.right-img-btn{display:flex;label{font-size:", ";}}*{cursor:pointer;}"], ({
|
|
@@ -1140,7 +1121,7 @@ const Container = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
|
1140
1121
|
theme,
|
|
1141
1122
|
$size
|
|
1142
1123
|
}) => theme.components.button[$size].icon.size);
|
|
1143
|
-
const Button$1 = /*#__PURE__*/styled__default
|
|
1124
|
+
const Button$1 = /*#__PURE__*/styled__default.default.button.withConfig({
|
|
1144
1125
|
displayName: "atoms-buttonstyles__Button",
|
|
1145
1126
|
componentId: "sc-i4bzba-1"
|
|
1146
1127
|
})(["height:fit-content;background-color:", ";border-radius:", ";border:", " solid ", ";box-shadow:", ";color:", ";padding:", ";label.material-symbols-sharp{color:", ";}&:disabled{background-color:", ";border:", ";color:", ";label.material-symbols-sharp{color:", ";}}&:active:enabled{background-color:", ";border:", ";color:", ";label.material-symbols-sharp{color:", ";}}&:hover:enabled{background-color:", ";border:", ";color:", ";label.material-symbols-sharp{color:", ";}}", ""], ({
|
|
@@ -1213,7 +1194,7 @@ const Button$1 = /*#__PURE__*/styled__default["default"].button.withConfig({
|
|
|
1213
1194
|
}) => theme.components.button[$variant].icon.color.hover, ({
|
|
1214
1195
|
$fullWidth
|
|
1215
1196
|
}) => $fullWidth && styled.css(["width:100%;", "{justify-content:center;}"], Container));
|
|
1216
|
-
const ButtonTitle = /*#__PURE__*/styled__default
|
|
1197
|
+
const ButtonTitle = /*#__PURE__*/styled__default.default.span.withConfig({
|
|
1217
1198
|
displayName: "atoms-buttonstyles__ButtonTitle",
|
|
1218
1199
|
componentId: "sc-i4bzba-2"
|
|
1219
1200
|
})(["font-size:", ";font-weight:", ";letter-spacing:", ";line-height:", ";text-decoration:", ";text-indent:", ";text-transform:", ";"], ({
|
|
@@ -1266,7 +1247,7 @@ const Button = /*#__PURE__*/react.forwardRef((_a, ref) => {
|
|
|
1266
1247
|
"data-testid": dataTestId,
|
|
1267
1248
|
"$variant": variant,
|
|
1268
1249
|
"$size": size,
|
|
1269
|
-
"$sizeVariant": SizeVariant[variant],
|
|
1250
|
+
"$sizeVariant": variant !== 'ghost' ? 'generic' : SizeVariant[variant],
|
|
1270
1251
|
"$inverseColors": variant === 'alternative',
|
|
1271
1252
|
disabled: disabled,
|
|
1272
1253
|
type: type,
|
|
@@ -1285,7 +1266,7 @@ const Button = /*#__PURE__*/react.forwardRef((_a, ref) => {
|
|
|
1285
1266
|
}, uiUtils.applyDataAttributes(props, 'icon-left')))
|
|
1286
1267
|
}), title && jsxRuntime.jsx(ButtonTitle, Object.assign({
|
|
1287
1268
|
"$size": size,
|
|
1288
|
-
"$sizeVariant": SizeVariant[variant]
|
|
1269
|
+
"$sizeVariant": variant !== 'ghost' ? 'generic' : SizeVariant[variant]
|
|
1289
1270
|
}, uiUtils.applyDataAttributes(props, 'label'), {
|
|
1290
1271
|
children: title
|
|
1291
1272
|
})), iconRight && jsxRuntime.jsx("div", {
|
package/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./src/index";
|
package/package.json
CHANGED
|
@@ -1,16 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bolttech/atoms-button",
|
|
3
|
-
"version": "0.
|
|
4
|
-
"main": "./index.cjs",
|
|
5
|
-
"type": "commonjs",
|
|
6
|
-
"types": "./src/index.d.ts",
|
|
3
|
+
"version": "0.29.0",
|
|
7
4
|
"dependencies": {
|
|
8
|
-
"
|
|
9
|
-
"
|
|
10
|
-
"@bolttech/
|
|
11
|
-
"@bolttech/ui-utils": "0.
|
|
12
|
-
"react": "18.2.0",
|
|
13
|
-
"styled-components": "6.1.1"
|
|
5
|
+
"styled-components": "6.1.1",
|
|
6
|
+
"react": "19.1.2",
|
|
7
|
+
"@bolttech/atoms-icon": "0.24.1",
|
|
8
|
+
"@bolttech/ui-utils": "0.6.0"
|
|
14
9
|
},
|
|
15
|
-
"
|
|
16
|
-
|
|
10
|
+
"main": "./index.cjs.js",
|
|
11
|
+
"type": "commonjs",
|
|
12
|
+
"types": "./index.d.ts"
|
|
13
|
+
}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export declare const Button: React.ForwardRefExoticComponent<import("@bolttech/ui-utils").DefaultProps & {
|
|
3
|
-
dataTestId?: string
|
|
4
|
-
disabled?: boolean
|
|
5
|
-
title?: string
|
|
3
|
+
dataTestId?: string;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
title?: string;
|
|
6
6
|
variant: import("./atoms-button.type").ButtonVariants;
|
|
7
7
|
size: import("./atoms-button.type").ButtonSizes;
|
|
8
|
-
id?: string
|
|
9
|
-
iconRight?: string
|
|
10
|
-
iconLeft?: string
|
|
11
|
-
type?: import("./atoms-button.type").ButtonTypes
|
|
12
|
-
fullWidth?: boolean
|
|
13
|
-
onClick?: (
|
|
8
|
+
id?: string;
|
|
9
|
+
iconRight?: string;
|
|
10
|
+
iconLeft?: string;
|
|
11
|
+
type?: import("./atoms-button.type").ButtonTypes;
|
|
12
|
+
fullWidth?: boolean;
|
|
13
|
+
onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
14
14
|
} & React.RefAttributes<HTMLButtonElement>>;
|
|
15
15
|
export default Button;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { ButtonSizes, ButtonVariants } from './atoms-button.type';
|
|
3
2
|
export declare const Container: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
4
3
|
$size: ButtonSizes;
|
|
@@ -6,11 +5,11 @@ export declare const Container: import("styled-components").IStyledComponent<"we
|
|
|
6
5
|
export declare const Button: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
7
6
|
$variant: ButtonVariants;
|
|
8
7
|
$size: ButtonSizes;
|
|
9
|
-
$sizeVariant:
|
|
8
|
+
$sizeVariant: "generic" | "ghost";
|
|
10
9
|
$fullWidth: boolean;
|
|
11
10
|
$inverseColors: boolean;
|
|
12
11
|
}>>;
|
|
13
12
|
export declare const ButtonTitle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
|
|
14
13
|
$size: ButtonSizes;
|
|
15
|
-
$sizeVariant:
|
|
14
|
+
$sizeVariant: "generic" | "ghost";
|
|
16
15
|
}>>;
|