@bolttech/atoms-checkbox 0.17.1 → 0.18.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.
Files changed (2) hide show
  1. package/index.cjs +11 -3
  2. package/package.json +4 -4
package/index.cjs CHANGED
@@ -1133,10 +1133,14 @@ const Input = /*#__PURE__*/styled__default["default"].input.attrs({
1133
1133
  }).withConfig({
1134
1134
  displayName: "atoms-checkboxstyles__Input",
1135
1135
  componentId: "sc-1gq944z-2"
1136
- })(["appearance:none;margin:0;flex-shrink:0;cursor:pointer;width:14px;height:14px;outline:1px solid ", ";outline-offset:-1px;display:grid;place-content:center;&:focus{box-shadow:0 0 0 1px ", ",0 0 0 2px ", ";outline:none;}&:hover{&::before{content:'';width:8px;height:8px;transform:scale(1);box-shadow:inset 8px 8px ", ";}}&:disabled{outline:1px solid ", ";cursor:not-allowed;}&:checked{background-color:", ";&::before{content:'';width:8px;height:8px;clip-path:polygon(11% 38%,0 53%,49% 90%,100% 24%,87% 11%,47% 65%);box-shadow:inset 12px 12px ", ";transform:scale(1);}&:hover{background-color:", ";}&:disabled{background-color:", ";&::before{box-shadow:inset 12px 12px ", ";}}}&:disabled:not(:checked)&:hover{background-color:", ";&::before{box-shadow:inset 12px 12px ", ";}}"], ({
1136
+ })(["appearance:none;margin:0;flex-shrink:0;cursor:pointer;width:14px;height:14px;outline:", ";outline-offset:", ";border-radius:", ";display:grid;place-content:center;&:focus{box-shadow:0 0 0 1px ", ",0 0 0 2px ", ";outline:none;}&:hover{&::before{content:'';width:8px;height:8px;transform:scale(1);box-shadow:inset 8px 8px ", ";}}&:disabled{outline:", ";cursor:not-allowed;}&:checked{background-color:", ";outline-offset:", ";&::before{content:'';width:8px;height:8px;clip-path:polygon(11% 38%,0 53%,49% 90%,100% 24%,87% 11%,47% 65%);box-shadow:inset 12px 12px ", ";transform:scale(1);}&:hover{background-color:", ";}&:disabled{outline:", ";background-color:", ";&::before{box-shadow:inset 12px 12px ", ";}}}&:disabled:not(:checked)&:hover{background-color:", ";&::before{box-shadow:inset 12px 12px ", ";}}"], ({
1137
1137
  theme,
1138
1138
  $error
1139
- }) => $error ? theme.components.checkbox.square.color.error : theme.components.checkbox.square.color.default, ({
1139
+ }) => $error ? `${theme.components.checkbox.borderWidth.default} solid ${theme.components.checkbox.square.color.error}` : `${theme.components.checkbox.borderWidth.default} solid ${theme.components.checkbox.square.color.default}`, ({
1140
+ theme
1141
+ }) => `calc(${theme.components.checkbox.borderWidth.default}*-1)`, ({
1142
+ theme
1143
+ }) => theme.components.checkbox.borderRadius, ({
1140
1144
  theme
1141
1145
  }) => theme.components.checkbox.focus.color.focus, ({
1142
1146
  theme
@@ -1144,14 +1148,18 @@ const Input = /*#__PURE__*/styled__default["default"].input.attrs({
1144
1148
  theme
1145
1149
  }) => theme.components.checkbox.innerSquare.color.hover, ({
1146
1150
  theme
1147
- }) => theme.components.checkbox.square.color.disable, ({
1151
+ }) => `${theme.components.checkbox.borderWidth.default} solid ${theme.components.checkbox.square.color.disable}`, ({
1148
1152
  theme
1149
1153
  }) => theme.components.checkbox.innerSquare.color.selected, ({
1150
1154
  theme
1155
+ }) => `calc(${theme.components.checkbox.borderWidth.selected}*-1)`, ({
1156
+ theme
1151
1157
  }) => theme.components.checkbox.checkmark.color.selected, ({
1152
1158
  theme
1153
1159
  }) => theme.components.checkbox.innerSquare.color.hoverSelected, ({
1154
1160
  theme
1161
+ }) => `${theme.components.checkbox.borderWidth.selected} solid ${theme.components.checkbox.square.color.disableSelected}`, ({
1162
+ theme
1155
1163
  }) => theme.components.checkbox.innerSquare.color.disableSelected, ({
1156
1164
  theme
1157
1165
  }) => theme.components.checkbox.checkmark.color.selectedDisable, ({
package/package.json CHANGED
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "name": "@bolttech/atoms-checkbox",
3
- "version": "0.17.1",
3
+ "version": "0.18.0",
4
4
  "main": "./index.cjs",
5
5
  "type": "commonjs",
6
6
  "types": "./src/index.d.ts",
7
7
  "dependencies": {
8
- "@bolttech/default-theme": "0.6.0",
8
+ "@bolttech/default-theme": "0.7.0",
9
9
  "@bolttech/form-engine": "0.14.3",
10
- "@bolttech/frontend-foundations": "0.8.1",
11
- "@bolttech/ui-utils": "0.0.1",
10
+ "@bolttech/frontend-foundations": "0.8.2",
11
+ "@bolttech/ui-utils": "0.2.5",
12
12
  "react": "18.2.0",
13
13
  "styled-components": "6.1.1"
14
14
  },