glints-aries 4.0.232 → 4.0.233
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/es/@next/Button/DestructivePlainButton.stories.d.ts +4 -0
- package/es/@next/Button/DestructivePlainButtonStyle.d.ts +2 -0
- package/es/@next/Button/DestructivePlainButtonStyle.js +7 -0
- package/es/@next/Button/PlainButton.stories.d.ts +4 -0
- package/es/@next/Button/PlainButtonStyle.d.ts +2 -0
- package/es/@next/Button/PlainButtonStyle.js +7 -0
- package/lib/@next/Button/DestructivePlainButton.stories.d.ts +4 -0
- package/lib/@next/Button/DestructivePlainButtonStyle.d.ts +2 -0
- package/lib/@next/Button/DestructivePlainButtonStyle.js +13 -0
- package/lib/@next/Button/PlainButton.stories.d.ts +4 -0
- package/lib/@next/Button/PlainButtonStyle.d.ts +2 -0
- package/lib/@next/Button/PlainButtonStyle.js +13 -0
- package/package.json +1 -1
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import styled from 'styled-components';
|
|
2
|
+
import { Neutral, Red } from '../utilities/colors';
|
|
3
|
+
import { Button } from './Button';
|
|
4
|
+
export var DestructivePlainButton = styled(Button).withConfig({
|
|
5
|
+
displayName: "DestructivePlainButtonStyle__DestructivePlainButton",
|
|
6
|
+
componentId: "sc-o8db8a-0"
|
|
7
|
+
})(["color:", ";background:transparent;border:none;box-shadow:none;outline:none;svg{fill:", ";}&:hover{color:", ";background:transparent;svg{fill:", ";}}&:focus{border:2px solid ", ";box-shadow:none;}&:active{color:", ";border:none;svg{fill:", ";}}&:disabled{color:", ";background:transparent;svg{fill:", ";}}&[data-loading='true']{background:transparent;}"], Red.B93, Red.B93, Red.B74, Red.B74, Red.B93, Red.B65, Red.B65, Neutral.B85, Neutral.B85);
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import styled from 'styled-components';
|
|
2
|
+
import { Blue, Neutral } from '../utilities/colors';
|
|
3
|
+
import { Button } from './Button';
|
|
4
|
+
export var PlainButton = styled(Button).withConfig({
|
|
5
|
+
displayName: "PlainButtonStyle__PlainButton",
|
|
6
|
+
componentId: "sc-1c84q76-0"
|
|
7
|
+
})(["color:", ";background:transparent;border:none;box-shadow:none;outline:none;svg{fill:", ";}&:hover{color:", ";background:transparent;svg{fill:", ";}}&:focus{border:2px solid ", ";box-shadow:none;}&:active{color:", ";border:none;svg{fill:", ";}}&:disabled{color:", ";background:transparent;svg{fill:", ";}}&[data-loading='true']{background:transparent;}"], Blue.S99, Blue.S99, Blue.S100, Blue.S100, Blue.S99, Blue.S100, Blue.S100, Neutral.B85, Neutral.B85);
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.__esModule = true;
|
|
5
|
+
exports.DestructivePlainButton = void 0;
|
|
6
|
+
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
7
|
+
var _colors = require("../utilities/colors");
|
|
8
|
+
var _Button = require("./Button");
|
|
9
|
+
var DestructivePlainButton = (0, _styledComponents["default"])(_Button.Button).withConfig({
|
|
10
|
+
displayName: "DestructivePlainButtonStyle__DestructivePlainButton",
|
|
11
|
+
componentId: "sc-o8db8a-0"
|
|
12
|
+
})(["color:", ";background:transparent;border:none;box-shadow:none;outline:none;svg{fill:", ";}&:hover{color:", ";background:transparent;svg{fill:", ";}}&:focus{border:2px solid ", ";box-shadow:none;}&:active{color:", ";border:none;svg{fill:", ";}}&:disabled{color:", ";background:transparent;svg{fill:", ";}}&[data-loading='true']{background:transparent;}"], _colors.Red.B93, _colors.Red.B93, _colors.Red.B74, _colors.Red.B74, _colors.Red.B93, _colors.Red.B65, _colors.Red.B65, _colors.Neutral.B85, _colors.Neutral.B85);
|
|
13
|
+
exports.DestructivePlainButton = DestructivePlainButton;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.__esModule = true;
|
|
5
|
+
exports.PlainButton = void 0;
|
|
6
|
+
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
7
|
+
var _colors = require("../utilities/colors");
|
|
8
|
+
var _Button = require("./Button");
|
|
9
|
+
var PlainButton = (0, _styledComponents["default"])(_Button.Button).withConfig({
|
|
10
|
+
displayName: "PlainButtonStyle__PlainButton",
|
|
11
|
+
componentId: "sc-1c84q76-0"
|
|
12
|
+
})(["color:", ";background:transparent;border:none;box-shadow:none;outline:none;svg{fill:", ";}&:hover{color:", ";background:transparent;svg{fill:", ";}}&:focus{border:2px solid ", ";box-shadow:none;}&:active{color:", ";border:none;svg{fill:", ";}}&:disabled{color:", ";background:transparent;svg{fill:", ";}}&[data-loading='true']{background:transparent;}"], _colors.Blue.S99, _colors.Blue.S99, _colors.Blue.S100, _colors.Blue.S100, _colors.Blue.S99, _colors.Blue.S100, _colors.Blue.S100, _colors.Neutral.B85, _colors.Neutral.B85);
|
|
13
|
+
exports.PlainButton = PlainButton;
|