glints-aries 4.0.372 → 4.0.374

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.
Files changed (5) hide show
  1. package/es/@next/Checkbox/CheckboxStyle.js +2 -2
  2. package/es/@next/Link/LinkStyle.js +1 -1
  3. package/lib/@next/Checkbox/CheckboxStyle.js +2 -2
  4. package/lib/@next/Link/LinkStyle.js +1 -1
  5. package/package.json +1 -1
package/es/@next/Checkbox/CheckboxStyle.js CHANGED
@@ -6,7 +6,7 @@ import { space4 } from '../utilities/spacing';
6
6
  export var StyledContainer = styled.div.withConfig({
7
7
  displayName: "CheckboxStyle__StyledContainer",
8
8
  componentId: "sc-a9bf1h-0"
9
- })(["flex-direction:row;align-items:flex-start;gap:8px;color:", ";label{cursor:pointer;margin-top:-1px;}svg{border-radius:4px;position:absolute;height:20px;width:20px;top:0;left:0;opacity:0;pointer-events:none;fill:", ";}&[data-spacing='true']{padding:", " 0px;}&[aria-disabled='true'],&[aria-disabled='true'] .help-text{color:", ";}&[aria-disabled='true'] div[role='checkbox']{border-color:", ";background:", ";}&[aria-disabled='true'] svg{background:", ";fill:", ";}&[data-error='true'] svg{fill:", ";}"], Neutral.B18, Blue.S99, space4, Neutral.B68, Neutral.B85, Neutral.B95, Neutral.B68, Neutral.B95, Red.B93);
9
+ })(["flex-direction:row;align-items:flex-start;gap:8px;color:", ";label{cursor:pointer;margin-top:-1px;}svg{border-radius:4px;position:absolute;height:20px;width:20px;top:0;left:0;opacity:0;pointer-events:none;fill:", ";}&[data-spacing='true']{padding:", " 0px;}&[aria-disabled='true'],&[aria-disabled='true'] .help-text{color:", ";}&[aria-disabled='true'] div[role='checkbox']{border-color:", ";background:", ";cursor:not-allowed;}&[aria-disabled='true'] input{cursor:not-allowed;}&[aria-disabled='true'] svg{background:", ";fill:", ";}&[data-error='true'] svg{fill:", ";}"], Neutral.B18, Blue.S99, space4, Neutral.B68, Neutral.B85, Neutral.B95, Neutral.B68, Neutral.B95, Red.B93);
10
10
  export var StyledCheckboxContainer = styled.div.withConfig({
11
11
  displayName: "CheckboxStyle__StyledCheckboxContainer",
12
12
  componentId: "sc-a9bf1h-1"
@@ -14,7 +14,7 @@ export var StyledCheckboxContainer = styled.div.withConfig({
14
14
  export var StyledCheckbox = styled.div.withConfig({
15
15
  displayName: "CheckboxStyle__StyledCheckbox",
16
16
  componentId: "sc-a9bf1h-2"
17
- })(["width:20px;height:20px;background:", ";border:2px solid;border-color:", ";cursor:pointer;border-radius:", ";> input{opacity:0;cursor:pointer;}&[data-focus='true']{box-shadow:0px 0px 0px 1px ", ",0px 0px 0px 3px #6ac9ec;}&[aria-checked='true'] + svg,&[aria-checked='mixed'] + svg{opacity:1;}@media (max-width:", "){width:18px;height:18px;}"], Neutral.B100, function (_ref) {
17
+ })(["width:20px;height:20px;background:", ";border:2px solid;border-color:", ";cursor:pointer;border-radius:", ";position:relative;& input{opacity:0;cursor:pointer;width:24px;height:24px;margin:0;padding:0;position:absolute;top:-4px;left:-4px;}&[data-focus='true']{box-shadow:0px 0px 0px 1px ", ",0px 0px 0px 3px #6ac9ec;}&[aria-checked='true'] + svg,&[aria-checked='mixed'] + svg{opacity:1;}@media (max-width:", "){width:18px;height:18px;}"], Neutral.B100, function (_ref) {
18
18
  var hasError = _ref.hasError;
19
19
  return hasError ? Red.B93 : Neutral.B68;
20
20
  }, borderRadius4, Neutral.B100, Breakpoints.large);
package/es/@next/Link/LinkStyle.js CHANGED
@@ -5,7 +5,7 @@ var centerAlign = "\n vertical-align: middle;\n\n svg {\n vertical-align: m
5
5
  export var StyledLink = styled.a.withConfig({
6
6
  displayName: "LinkStyle__StyledLink",
7
7
  componentId: "sc-usx229-0"
8
- })(["", " color:", ";&[data-underline='false']{text-decoration:none;}&[data-monochrome='true']{color:", ";&:hover,&:active{color:", ";svg{fill:", ";}}svg{fill:", ";}}&:hover{color:rgba(0,86,140,0.9);svg{fill:rgba(0,86,140,0.9);}}&:active{color:", ";svg{fill:", ";}}svg{fill:", ";margin-left:", ";padding-bottom:", ";height:18px;}"], function (_ref) {
8
+ })(["", " color:", ";cursor:pointer;text-decoration:underline;&[data-underline='false']{text-decoration:none;}&[data-monochrome='true']{color:", ";&:hover,&:active{color:", ";svg{fill:", ";}}svg{fill:", ";}}&:hover{color:rgba(0,86,140,0.9);svg{fill:rgba(0,86,140,0.9);}}&:active{color:", ";svg{fill:", ";}}svg{fill:", ";margin-left:", ";padding-bottom:", ";height:18px;}"], function (_ref) {
9
9
  var external = _ref.external;
10
10
  return external && centerAlign;
11
11
  }, Blue.S99, Neutral.B18, Neutral.B00, Neutral.B00, Neutral.B18, Blue.S100, Blue.S100, Blue.S99, space2, space2);
package/lib/@next/Checkbox/CheckboxStyle.js CHANGED
@@ -11,7 +11,7 @@ var _spacing = require("../utilities/spacing");
11
11
  var StyledContainer = _styledComponents["default"].div.withConfig({
12
12
  displayName: "CheckboxStyle__StyledContainer",
13
13
  componentId: "sc-a9bf1h-0"
14
- })(["flex-direction:row;align-items:flex-start;gap:8px;color:", ";label{cursor:pointer;margin-top:-1px;}svg{border-radius:4px;position:absolute;height:20px;width:20px;top:0;left:0;opacity:0;pointer-events:none;fill:", ";}&[data-spacing='true']{padding:", " 0px;}&[aria-disabled='true'],&[aria-disabled='true'] .help-text{color:", ";}&[aria-disabled='true'] div[role='checkbox']{border-color:", ";background:", ";}&[aria-disabled='true'] svg{background:", ";fill:", ";}&[data-error='true'] svg{fill:", ";}"], _colors.Neutral.B18, _colors.Blue.S99, _spacing.space4, _colors.Neutral.B68, _colors.Neutral.B85, _colors.Neutral.B95, _colors.Neutral.B68, _colors.Neutral.B95, _colors.Red.B93);
14
+ })(["flex-direction:row;align-items:flex-start;gap:8px;color:", ";label{cursor:pointer;margin-top:-1px;}svg{border-radius:4px;position:absolute;height:20px;width:20px;top:0;left:0;opacity:0;pointer-events:none;fill:", ";}&[data-spacing='true']{padding:", " 0px;}&[aria-disabled='true'],&[aria-disabled='true'] .help-text{color:", ";}&[aria-disabled='true'] div[role='checkbox']{border-color:", ";background:", ";cursor:not-allowed;}&[aria-disabled='true'] input{cursor:not-allowed;}&[aria-disabled='true'] svg{background:", ";fill:", ";}&[data-error='true'] svg{fill:", ";}"], _colors.Neutral.B18, _colors.Blue.S99, _spacing.space4, _colors.Neutral.B68, _colors.Neutral.B85, _colors.Neutral.B95, _colors.Neutral.B68, _colors.Neutral.B95, _colors.Red.B93);
15
15
  exports.StyledContainer = StyledContainer;
16
16
  var StyledCheckboxContainer = _styledComponents["default"].div.withConfig({
17
17
  displayName: "CheckboxStyle__StyledCheckboxContainer",
@@ -21,7 +21,7 @@ exports.StyledCheckboxContainer = StyledCheckboxContainer;
21
21
  var StyledCheckbox = _styledComponents["default"].div.withConfig({
22
22
  displayName: "CheckboxStyle__StyledCheckbox",
23
23
  componentId: "sc-a9bf1h-2"
24
- })(["width:20px;height:20px;background:", ";border:2px solid;border-color:", ";cursor:pointer;border-radius:", ";> input{opacity:0;cursor:pointer;}&[data-focus='true']{box-shadow:0px 0px 0px 1px ", ",0px 0px 0px 3px #6ac9ec;}&[aria-checked='true'] + svg,&[aria-checked='mixed'] + svg{opacity:1;}@media (max-width:", "){width:18px;height:18px;}"], _colors.Neutral.B100, function (_ref) {
24
+ })(["width:20px;height:20px;background:", ";border:2px solid;border-color:", ";cursor:pointer;border-radius:", ";position:relative;& input{opacity:0;cursor:pointer;width:24px;height:24px;margin:0;padding:0;position:absolute;top:-4px;left:-4px;}&[data-focus='true']{box-shadow:0px 0px 0px 1px ", ",0px 0px 0px 3px #6ac9ec;}&[aria-checked='true'] + svg,&[aria-checked='mixed'] + svg{opacity:1;}@media (max-width:", "){width:18px;height:18px;}"], _colors.Neutral.B100, function (_ref) {
25
25
  var hasError = _ref.hasError;
26
26
  return hasError ? _colors.Red.B93 : _colors.Neutral.B68;
27
27
  }, _borderRadius.borderRadius4, _colors.Neutral.B100, _.Breakpoints.large);
package/lib/@next/Link/LinkStyle.js CHANGED
@@ -10,7 +10,7 @@ var centerAlign = "\n vertical-align: middle;\n\n svg {\n vertical-align: m
10
10
  var StyledLink = _styledComponents["default"].a.withConfig({
11
11
  displayName: "LinkStyle__StyledLink",
12
12
  componentId: "sc-usx229-0"
13
- })(["", " color:", ";&[data-underline='false']{text-decoration:none;}&[data-monochrome='true']{color:", ";&:hover,&:active{color:", ";svg{fill:", ";}}svg{fill:", ";}}&:hover{color:rgba(0,86,140,0.9);svg{fill:rgba(0,86,140,0.9);}}&:active{color:", ";svg{fill:", ";}}svg{fill:", ";margin-left:", ";padding-bottom:", ";height:18px;}"], function (_ref) {
13
+ })(["", " color:", ";cursor:pointer;text-decoration:underline;&[data-underline='false']{text-decoration:none;}&[data-monochrome='true']{color:", ";&:hover,&:active{color:", ";svg{fill:", ";}}svg{fill:", ";}}&:hover{color:rgba(0,86,140,0.9);svg{fill:rgba(0,86,140,0.9);}}&:active{color:", ";svg{fill:", ";}}svg{fill:", ";margin-left:", ";padding-bottom:", ";height:18px;}"], function (_ref) {
14
14
  var external = _ref.external;
15
15
  return external && centerAlign;
16
16
  }, _colors.Blue.S99, _colors.Neutral.B18, _colors.Neutral.B00, _colors.Neutral.B00, _colors.Neutral.B18, _colors.Blue.S100, _colors.Blue.S100, _colors.Blue.S99, _spacing.space2, _spacing.space2);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "glints-aries",
3
- "version": "4.0.372",
3
+ "version": "4.0.374",
4
4
  "description": "Glints ui-kit for frontend",
5
5
  "main": "./lib/index.js",
6
6
  "module": "./es/index.js",