@veracity/vui 2.4.1 → 2.5.0-beta.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.
Files changed (134) hide show
  1. package/dist/cjs/checkbox/checkbox.d.ts.map +1 -1
  2. package/dist/cjs/checkbox/checkbox.js +5 -5
  3. package/dist/cjs/checkbox/checkbox.types.d.ts +1 -1
  4. package/dist/cjs/checkbox/checkbox.types.d.ts.map +1 -1
  5. package/dist/cjs/checkbox/checkboxGroup.d.ts.map +1 -1
  6. package/dist/cjs/checkbox/checkboxGroup.js +2 -2
  7. package/dist/cjs/checkbox/checkboxGroup.types.d.ts +1 -1
  8. package/dist/cjs/checkbox/checkboxGroup.types.d.ts.map +1 -1
  9. package/dist/cjs/checkbox/consts.d.ts +6 -0
  10. package/dist/cjs/checkbox/consts.d.ts.map +1 -0
  11. package/dist/cjs/checkbox/consts.js +8 -0
  12. package/dist/cjs/checkbox/theme.d.ts +7 -13
  13. package/dist/cjs/checkbox/theme.d.ts.map +1 -1
  14. package/dist/cjs/checkbox/theme.js +8 -19
  15. package/dist/cjs/index.d.ts +1 -0
  16. package/dist/cjs/index.d.ts.map +1 -1
  17. package/dist/cjs/index.js +1 -0
  18. package/dist/cjs/progress/progress.d.ts +1 -1
  19. package/dist/cjs/progress/progress.d.ts.map +1 -1
  20. package/dist/cjs/progress/progress.js +10 -7
  21. package/dist/cjs/progress/progress.types.d.ts +0 -1
  22. package/dist/cjs/progress/progress.types.d.ts.map +1 -1
  23. package/dist/cjs/progressCircular/consts.d.ts +12 -0
  24. package/dist/cjs/progressCircular/consts.d.ts.map +1 -0
  25. package/dist/cjs/progressCircular/consts.js +14 -0
  26. package/dist/cjs/progressCircular/index.d.ts +4 -0
  27. package/dist/cjs/progressCircular/index.d.ts.map +1 -0
  28. package/dist/cjs/progressCircular/index.js +24 -0
  29. package/dist/cjs/progressCircular/progressCircular.d.ts +6 -0
  30. package/dist/cjs/progressCircular/progressCircular.d.ts.map +1 -0
  31. package/dist/cjs/progressCircular/progressCircular.js +84 -0
  32. package/dist/cjs/progressCircular/progressCircular.types.d.ts +8 -0
  33. package/dist/cjs/progressCircular/progressCircular.types.d.ts.map +1 -0
  34. package/dist/cjs/progressCircular/progressCircular.types.js +2 -0
  35. package/dist/cjs/progressCircular/theme.d.ts +35 -0
  36. package/dist/cjs/progressCircular/theme.d.ts.map +1 -0
  37. package/dist/cjs/progressCircular/theme.js +24 -0
  38. package/dist/cjs/radio/consts.d.ts +6 -0
  39. package/dist/cjs/radio/consts.d.ts.map +1 -0
  40. package/dist/cjs/radio/consts.js +8 -0
  41. package/dist/cjs/radio/radio.d.ts.map +1 -1
  42. package/dist/cjs/radio/radio.js +5 -4
  43. package/dist/cjs/radio/radio.types.d.ts +1 -1
  44. package/dist/cjs/radio/radio.types.d.ts.map +1 -1
  45. package/dist/cjs/radio/radioGroup.d.ts.map +1 -1
  46. package/dist/cjs/radio/radioGroup.js +2 -3
  47. package/dist/cjs/radio/radioGroup.types.d.ts +1 -1
  48. package/dist/cjs/radio/radioGroup.types.d.ts.map +1 -1
  49. package/dist/cjs/radio/theme.d.ts +7 -13
  50. package/dist/cjs/radio/theme.d.ts.map +1 -1
  51. package/dist/cjs/radio/theme.js +8 -19
  52. package/dist/cjs/theme/components.d.ts +47 -22
  53. package/dist/cjs/theme/components.d.ts.map +1 -1
  54. package/dist/cjs/theme/components.js +26 -24
  55. package/dist/cjs/theme/defaultTheme.d.ts +47 -22
  56. package/dist/cjs/theme/defaultTheme.d.ts.map +1 -1
  57. package/dist/esm/checkbox/checkbox.d.ts.map +1 -1
  58. package/dist/esm/checkbox/checkbox.js +5 -5
  59. package/dist/esm/checkbox/checkbox.types.d.ts +1 -1
  60. package/dist/esm/checkbox/checkbox.types.d.ts.map +1 -1
  61. package/dist/esm/checkbox/checkboxGroup.d.ts.map +1 -1
  62. package/dist/esm/checkbox/checkboxGroup.js +2 -2
  63. package/dist/esm/checkbox/checkboxGroup.types.d.ts +1 -1
  64. package/dist/esm/checkbox/checkboxGroup.types.d.ts.map +1 -1
  65. package/dist/esm/checkbox/consts.d.ts +6 -0
  66. package/dist/esm/checkbox/consts.d.ts.map +1 -0
  67. package/dist/esm/checkbox/consts.js +5 -0
  68. package/dist/esm/checkbox/theme.d.ts +7 -13
  69. package/dist/esm/checkbox/theme.d.ts.map +1 -1
  70. package/dist/esm/checkbox/theme.js +8 -19
  71. package/dist/esm/index.d.ts +1 -0
  72. package/dist/esm/index.d.ts.map +1 -1
  73. package/dist/esm/index.js +1 -0
  74. package/dist/esm/progress/progress.d.ts +1 -1
  75. package/dist/esm/progress/progress.d.ts.map +1 -1
  76. package/dist/esm/progress/progress.js +10 -7
  77. package/dist/esm/progress/progress.types.d.ts +0 -1
  78. package/dist/esm/progress/progress.types.d.ts.map +1 -1
  79. package/dist/esm/progressCircular/consts.d.ts +12 -0
  80. package/dist/esm/progressCircular/consts.d.ts.map +1 -0
  81. package/dist/esm/progressCircular/consts.js +11 -0
  82. package/dist/esm/progressCircular/index.d.ts +4 -0
  83. package/dist/esm/progressCircular/index.d.ts.map +1 -0
  84. package/dist/esm/progressCircular/index.js +3 -0
  85. package/dist/esm/progressCircular/progressCircular.d.ts +6 -0
  86. package/dist/esm/progressCircular/progressCircular.d.ts.map +1 -0
  87. package/dist/esm/progressCircular/progressCircular.js +47 -0
  88. package/dist/esm/progressCircular/progressCircular.types.d.ts +8 -0
  89. package/dist/esm/progressCircular/progressCircular.types.d.ts.map +1 -0
  90. package/dist/esm/progressCircular/progressCircular.types.js +1 -0
  91. package/dist/esm/progressCircular/theme.d.ts +35 -0
  92. package/dist/esm/progressCircular/theme.d.ts.map +1 -0
  93. package/dist/esm/progressCircular/theme.js +22 -0
  94. package/dist/esm/radio/consts.d.ts +6 -0
  95. package/dist/esm/radio/consts.d.ts.map +1 -0
  96. package/dist/esm/radio/consts.js +5 -0
  97. package/dist/esm/radio/radio.d.ts.map +1 -1
  98. package/dist/esm/radio/radio.js +5 -4
  99. package/dist/esm/radio/radio.types.d.ts +1 -1
  100. package/dist/esm/radio/radio.types.d.ts.map +1 -1
  101. package/dist/esm/radio/radioGroup.d.ts.map +1 -1
  102. package/dist/esm/radio/radioGroup.js +2 -3
  103. package/dist/esm/radio/radioGroup.types.d.ts +1 -1
  104. package/dist/esm/radio/radioGroup.types.d.ts.map +1 -1
  105. package/dist/esm/radio/theme.d.ts +7 -13
  106. package/dist/esm/radio/theme.d.ts.map +1 -1
  107. package/dist/esm/radio/theme.js +8 -19
  108. package/dist/esm/theme/components.d.ts +47 -22
  109. package/dist/esm/theme/components.d.ts.map +1 -1
  110. package/dist/esm/theme/components.js +2 -0
  111. package/dist/esm/theme/defaultTheme.d.ts +47 -22
  112. package/dist/esm/theme/defaultTheme.d.ts.map +1 -1
  113. package/package.json +1 -1
  114. package/src/checkbox/checkbox.tsx +5 -5
  115. package/src/checkbox/checkbox.types.ts +1 -1
  116. package/src/checkbox/checkboxGroup.tsx +3 -16
  117. package/src/checkbox/checkboxGroup.types.ts +1 -1
  118. package/src/checkbox/consts.ts +5 -0
  119. package/src/checkbox/theme.ts +7 -23
  120. package/src/index.ts +1 -0
  121. package/src/progress/progress.tsx +11 -7
  122. package/src/progress/progress.types.ts +0 -1
  123. package/src/progressCircular/consts.ts +13 -0
  124. package/src/progressCircular/index.ts +3 -0
  125. package/src/progressCircular/progressCircular.tsx +82 -0
  126. package/src/progressCircular/progressCircular.types.ts +9 -0
  127. package/src/progressCircular/theme.ts +26 -0
  128. package/src/radio/consts.ts +5 -0
  129. package/src/radio/radio.tsx +5 -5
  130. package/src/radio/radio.types.ts +1 -1
  131. package/src/radio/radioGroup.tsx +3 -17
  132. package/src/radio/radioGroup.types.ts +1 -1
  133. package/src/radio/theme.ts +7 -23
  134. package/src/theme/components.ts +2 -0
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/checkbox/checkbox.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAwBpE,eAAO,MAAM,YAAY,ulJAkBxB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,uDAoFnB,CAAA;AAEF,eAAe,QAAQ,CAAA"}
1
+ {"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/checkbox/checkbox.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAyBpE,eAAO,MAAM,YAAY,ulJAkBxB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,uDAmFnB,CAAA;AAEF,eAAe,QAAQ,CAAA"}
@@ -43,6 +43,7 @@ const core_1 = require("../core");
43
43
  const icon_1 = __importDefault(require("../icon"));
44
44
  const t_1 = __importDefault(require("../t"));
45
45
  const utils_1 = require("../utils");
46
+ const consts_1 = require("./consts");
46
47
  const context_1 = require("./context");
47
48
  const CheckboxControl = core_1.styled.spanBox `
48
49
  border-radius: none;
@@ -74,11 +75,11 @@ exports.CheckboxBase = core_1.styled.labelBox `
74
75
  }
75
76
 
76
77
  &[aria-disabled='true'] {
77
- color: disabled.color;
78
+ color: ${consts_1.checkboxColors.disabled};
78
79
  cursor: not-allowed;
79
80
 
80
81
  .vui-checkboxControl {
81
- color: disabled.color;
82
+ color: ${consts_1.checkboxColors.disabled};
82
83
  }
83
84
  }
84
85
  `;
@@ -94,11 +95,10 @@ exports.Checkbox = (0, core_1.vui)((props, ref) => {
94
95
  const [isChecked, setIsChecked] = (0, react_1.useState)(defaultChecked);
95
96
  const styles = (0, core_1.useStyleConfig)('Checkbox', mergedProps);
96
97
  const _d = styles.control, { color: controlColor, hoverColor } = _d, controlStyles = __rest(_d, ["color", "hoverColor"]);
97
- const isFilled = isChecked || isIndeterminate;
98
98
  const icon = isIndeterminate ? iconIndeterminate : isChecked ? iconChecked : iconProp;
99
99
  const controlMr = children || label ? 1 : 0;
100
- const color = isFilled ? controlColor : 'grey.60';
101
- const controlHoverColor = isFilled ? hoverColor : 'grey.90';
100
+ const color = controlColor ? controlColor : consts_1.checkboxColors.main;
101
+ const controlHoverColor = hoverColor ? hoverColor : consts_1.checkboxColors.hover;
102
102
  (0, react_1.useEffect)(() => {
103
103
  checked !== undefined && setIsChecked(checked);
104
104
  }, [checked]);
@@ -6,7 +6,7 @@ import { ChangeEventHandler, FocusEventHandler } from '../utils';
6
6
  export declare type CheckboxProps = SystemProps & ThemingProps<'Checkbox'> & {
7
7
  /** Provides value to checkbox in controlled mode. */
8
8
  checked?: boolean;
9
- /** Available theme colors for this component. @default blue */
9
+ /** @deprecated Available theme colors for this component. */
10
10
  colorScheme?: 'blue' | 'prussian';
11
11
  /** Disables checkbox and related elements with the right styling. */
12
12
  disabled?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.types.d.ts","sourceRoot":"","sources":["../../../src/checkbox/checkbox.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAEhE,oBAAY,aAAa,GAAG,WAAW,GACrC,YAAY,CAAC,UAAU,CAAC,GAAG;IACzB,qDAAqD;IACrD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;IACjC,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iEAAiE;IACjE,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,2DAA2D;IAC3D,WAAW,CAAC,EAAE,QAAQ,CAAA;IACtB,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,QAAQ,CAAA;IAC5B,sDAAsD;IACtD,UAAU,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAA;IAC7C,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,GAAG,IAAI,CAAC,GAAG,IAAI,CAAA;IACjE,8CAA8C;IAC9C,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iCAAiC;IACjC,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,iCAAiC;IACjC,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB,CAAA;AAEH,oBAAY,kBAAkB,GAAG;IAC/B,gEAAgE;IAChE,iBAAiB,EAAE,MAAM,CAAA;CAC1B,CAAA"}
1
+ {"version":3,"file":"checkbox.types.d.ts","sourceRoot":"","sources":["../../../src/checkbox/checkbox.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAEhE,oBAAY,aAAa,GAAG,WAAW,GACrC,YAAY,CAAC,UAAU,CAAC,GAAG;IACzB,qDAAqD;IACrD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;IACjC,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iEAAiE;IACjE,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,2DAA2D;IAC3D,WAAW,CAAC,EAAE,QAAQ,CAAA;IACtB,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,QAAQ,CAAA;IAC5B,sDAAsD;IACtD,UAAU,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAA;IAC7C,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,GAAG,IAAI,CAAC,GAAG,IAAI,CAAA;IACjE,8CAA8C;IAC9C,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iCAAiC;IACjC,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,iCAAiC;IACjC,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB,CAAA;AAEH,oBAAY,kBAAkB,GAAG;IAC/B,gEAAgE;IAChE,iBAAiB,EAAE,MAAM,CAAA;CAC1B,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"checkboxGroup.d.ts","sourceRoot":"","sources":["../../../src/checkbox/checkboxGroup.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAG1D,eAAO,MAAM,iBAAiB,+HAG7B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,2DA8BxB,CAAA;AAEF,eAAe,aAAa,CAAA"}
1
+ {"version":3,"file":"checkboxGroup.d.ts","sourceRoot":"","sources":["../../../src/checkbox/checkboxGroup.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAG1D,eAAO,MAAM,iBAAiB,+HAG7B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,2DAiBxB,CAAA;AAEF,eAAe,aAAa,CAAA"}
@@ -48,8 +48,8 @@ exports.CheckboxGroupBase = core_1.styled.divBox `
48
48
  * Exposes some props to the children via context.
49
49
  */
50
50
  exports.CheckboxGroup = (0, core_1.vui)((props, ref) => {
51
- const { className, colorScheme, defaultValue, disabled, isRow, name, onBlur, onChange, onFocus, size, variant } = props, rest = __rest(props, ["className", "colorScheme", "defaultValue", "disabled", "isRow", "name", "onBlur", "onChange", "onFocus", "size", "variant"]);
52
- const context = (0, react_1.useMemo)(() => (0, utils_1.filterUndefined)({ colorScheme, defaultValue, disabled, name, onBlur, onChange, onFocus, size, variant }), [colorScheme, defaultValue, disabled, name, onBlur, onChange, onFocus, size, variant]);
51
+ const { className, defaultValue, disabled, isRow, name, onBlur, onChange, onFocus, size, variant } = props, rest = __rest(props, ["className", "defaultValue", "disabled", "isRow", "name", "onBlur", "onChange", "onFocus", "size", "variant"]);
52
+ const context = (0, react_1.useMemo)(() => (0, utils_1.filterUndefined)({ defaultValue, disabled, name, onBlur, onChange, onFocus, size, variant }), [defaultValue, disabled, name, onBlur, onChange, onFocus, size, variant]);
53
53
  const aliasedProps = (0, utils_1.filterUndefined)({
54
54
  flexDirection: isRow ? 'row' : undefined
55
55
  });
@@ -2,7 +2,7 @@ import { SystemProps } from '../system';
2
2
  import { ThemingProps } from '../theme';
3
3
  import { ChangeEventHandler, FocusEventHandler } from '../utils';
4
4
  export declare type CheckboxGroupProps = SystemProps & ThemingProps<'Checkbox'> & {
5
- /** Available theme colors for this component. */
5
+ /** @deprecated Available theme colors for this component. */
6
6
  colorScheme?: 'blue' | 'prussian';
7
7
  /** Passes the prop to each checkbox. */
8
8
  disabled?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"checkboxGroup.types.d.ts","sourceRoot":"","sources":["../../../src/checkbox/checkboxGroup.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAEhE,oBAAY,kBAAkB,GAAG,WAAW,GAC1C,YAAY,CAAC,UAAU,CAAC,GAAG;IACzB,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;IACjC,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oCAAoC;IACpC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,wCAAwC;IACxC,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,wCAAwC;IACxC,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,wCAAwC;IACxC,OAAO,CAAC,EAAE,iBAAiB,CAAA;CAC5B,CAAA"}
1
+ {"version":3,"file":"checkboxGroup.types.d.ts","sourceRoot":"","sources":["../../../src/checkbox/checkboxGroup.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAEhE,oBAAY,kBAAkB,GAAG,WAAW,GAC1C,YAAY,CAAC,UAAU,CAAC,GAAG;IACzB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;IACjC,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oCAAoC;IACpC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,wCAAwC;IACxC,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,wCAAwC;IACxC,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,wCAAwC;IACxC,OAAO,CAAC,EAAE,iBAAiB,CAAA;CAC5B,CAAA"}
@@ -0,0 +1,6 @@
1
+ export declare const checkboxColors: {
2
+ main: string;
3
+ hover: string;
4
+ disabled: string;
5
+ };
6
+ //# sourceMappingURL=consts.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/checkbox/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;;CAI1B,CAAA"}
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.checkboxColors = void 0;
4
+ exports.checkboxColors = {
5
+ main: 'seaBlue.main',
6
+ hover: 'seaBlue.40',
7
+ disabled: 'sandstone.main'
8
+ };
@@ -1,16 +1,12 @@
1
- import { Dict } from '../utils';
2
- declare function variantDefault(props: Dict): {
3
- control: {
4
- color: string;
5
- hoverColor: string;
6
- };
7
- };
8
1
  declare const _default: {
9
- baseStyle: {};
2
+ baseStyle: {
3
+ control: {
4
+ color: string;
5
+ hoverColor: string;
6
+ };
7
+ };
10
8
  defaultProps: {
11
- colorScheme: string;
12
9
  size: string;
13
- variant: string;
14
10
  };
15
11
  parts: string[];
16
12
  sizes: {
@@ -42,9 +38,7 @@ declare const _default: {
42
38
  };
43
39
  };
44
40
  };
45
- variants: {
46
- default: typeof variantDefault;
47
- };
41
+ variants: {};
48
42
  };
49
43
  export default _default;
50
44
  //# sourceMappingURL=theme.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/checkbox/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAE/B,iBAAS,cAAc,CAAC,KAAK,EAAE,IAAI;;;;;EAelC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CD,wBAMC"}
1
+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/checkbox/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,wBAMC"}
@@ -1,23 +1,14 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- function variantDefault(props) {
4
- const { colorScheme: c } = props;
5
- const control = {
6
- color: `${c}.80`,
7
- hoverColor: `${c}.90`
8
- };
9
- if (c === 'prussian') {
10
- control.hoverColor = 'prussian.70';
3
+ const consts_1 = require("./consts");
4
+ const baseStyle = {
5
+ control: {
6
+ color: consts_1.checkboxColors.main,
7
+ hoverColor: consts_1.checkboxColors.hover
11
8
  }
12
- return {
13
- control
14
- };
15
- }
16
- const baseStyle = {};
9
+ };
17
10
  const defaultProps = {
18
- colorScheme: 'blue',
19
- size: 'md',
20
- variant: 'default'
11
+ size: 'md'
21
12
  };
22
13
  const parts = ['container', 'control', 'label'];
23
14
  const sizes = {
@@ -49,9 +40,7 @@ const sizes = {
49
40
  }
50
41
  }
51
42
  };
52
- const variants = {
53
- default: variantDefault
54
- };
43
+ const variants = {};
55
44
  exports.default = {
56
45
  baseStyle,
57
46
  defaultProps,
@@ -34,6 +34,7 @@ export * from './panel';
34
34
  export * from './popover';
35
35
  export * from './portal';
36
36
  export * from './progress';
37
+ export * from './progressCircular';
37
38
  export * from './radio';
38
39
  export * from './select';
39
40
  export * from './sidemenu';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,KAAK,CAAA;AACnB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,KAAK,CAAA;AACnB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,KAAK,CAAA;AACnB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,KAAK,CAAA;AACnB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA"}
package/dist/cjs/index.js CHANGED
@@ -50,6 +50,7 @@ __exportStar(require("./panel"), exports);
50
50
  __exportStar(require("./popover"), exports);
51
51
  __exportStar(require("./portal"), exports);
52
52
  __exportStar(require("./progress"), exports);
53
+ __exportStar(require("./progressCircular"), exports);
53
54
  __exportStar(require("./radio"), exports);
54
55
  __exportStar(require("./select"), exports);
55
56
  __exportStar(require("./sidemenu"), exports);
@@ -1,6 +1,6 @@
1
1
  import { ProgressProps } from './progress.types';
2
2
  export declare const ProgressBase: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("..").SystemProps, never>;
3
- /** Indicates a process progress. */
3
+ /** [Beta] Indicates a process progress. */
4
4
  export declare const Progress: import("../core").VuiComponent<"div", ProgressProps>;
5
5
  export default Progress;
6
6
  //# sourceMappingURL=progress.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../src/progress/progress.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,eAAO,MAAM,YAAY,+HAGxB,CAAA;AAID,oCAAoC;AACpC,eAAO,MAAM,QAAQ,sDAoCnB,CAAA;AAEF,eAAe,QAAQ,CAAA"}
1
+ {"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../src/progress/progress.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,eAAO,MAAM,YAAY,+HAGxB,CAAA;AAKD,2CAA2C;AAC3C,eAAO,MAAM,QAAQ,sDAuCnB,CAAA;AAEF,eAAe,QAAQ,CAAA"}
@@ -44,16 +44,19 @@ exports.ProgressBase = core_1.styled.divBox `
44
44
  width: 100%;
45
45
  `;
46
46
  const minPercentageDisplay = 3;
47
- /** Indicates a process progress. */
47
+ const maxValue = 100;
48
+ /** [Beta] Indicates a process progress. */
48
49
  exports.Progress = (0, core_1.vui)((props, ref) => {
49
- const { className, size = 'md', value = 0, max = 100, showPercentage } = props, rest = __rest(props, ["className", "size", "value", "max", "showPercentage"]);
50
+ const { className, value = 0, showPercentage } = props, rest = __rest(props, ["className", "value", "showPercentage"]);
50
51
  const [width, setWidth] = (0, react_1.useState)(0);
51
52
  const styles = (0, core_1.useStyleConfig)('Progress', props);
52
53
  (0, react_1.useEffect)(() => {
53
- const w = !value ? 0 : Math.ceil((value / max) * 100);
54
- setWidth(w > 100 ? 100 : w);
55
- }, [value, max]);
56
- return (react_1.default.createElement(exports.ProgressBase, Object.assign({ className: (0, utils_1.cs)('vui-progress', className), ref: ref }, styles.container, rest, { bg: "grey.10", borderRadius: "sm", h: 1 }),
57
- react_1.default.createElement(box_1.Box, { bg: "seaBlue.main", borderRadius: "sm", position: "relative", textAlign: "right", transition: "width 0.4s ease-in-out;", w: `${width}%` }, showPercentage && value >= minPercentageDisplay && (react_1.default.createElement(box_1.Box, Object.assign({}, styles.percentage, { position: "absolute", right: "0" }), `${width}%`)))));
54
+ const w = !value ? 0 : Math.ceil(value);
55
+ setWidth(w > maxValue ? maxValue : w);
56
+ }, [value]);
57
+ const bg = rest.bg || 'darkBlue.95';
58
+ const color = rest.color || 'darkBlue.main';
59
+ return (react_1.default.createElement(exports.ProgressBase, Object.assign({ className: (0, utils_1.cs)('vui-progress', className), ref: ref }, styles.container, rest, { bg: bg, borderRadius: "sm", h: 1 }),
60
+ react_1.default.createElement(box_1.Box, { bg: color, borderRadius: "sm", position: "relative", textAlign: "right", transition: "width 0.4s ease-in-out;", w: `${width}%` }, showPercentage && value >= minPercentageDisplay && (react_1.default.createElement(box_1.Box, Object.assign({}, styles.percentage, { position: "absolute", right: "0" }), `${width}%`)))));
58
61
  });
59
62
  exports.default = exports.Progress;
@@ -2,7 +2,6 @@ import { SystemProps } from '../system';
2
2
  import { ThemingProps } from '../theme';
3
3
  export declare type ProgressProps = SystemProps & ThemingProps<'Progress'> & {
4
4
  value?: number;
5
- max?: number;
6
5
  showPercentage?: boolean;
7
6
  };
8
7
  //# sourceMappingURL=progress.types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"progress.types.d.ts","sourceRoot":"","sources":["../../../src/progress/progress.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,aAAa,GAAG,WAAW,GACrC,YAAY,CAAC,UAAU,CAAC,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA"}
1
+ {"version":3,"file":"progress.types.d.ts","sourceRoot":"","sources":["../../../src/progress/progress.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,aAAa,GAAG,WAAW,GACrC,YAAY,CAAC,UAAU,CAAC,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA"}
@@ -0,0 +1,12 @@
1
+ export declare const absCenterStyles: {
2
+ position: string;
3
+ w: string;
4
+ left: number;
5
+ right: number;
6
+ alignItems: string;
7
+ justifyContent: string;
8
+ zIndex: number;
9
+ };
10
+ export declare const labelBottom = -16;
11
+ export declare const maxValue = 100;
12
+ //# sourceMappingURL=consts.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/progressCircular/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe;;;;;;;;CAQ3B,CAAA;AAED,eAAO,MAAM,WAAW,MAAM,CAAA;AAE9B,eAAO,MAAM,QAAQ,MAAM,CAAA"}
@@ -0,0 +1,14 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.maxValue = exports.labelBottom = exports.absCenterStyles = void 0;
4
+ exports.absCenterStyles = {
5
+ position: 'absolute',
6
+ w: '100%',
7
+ left: 0,
8
+ right: 0,
9
+ alignItems: 'center',
10
+ justifyContent: 'center',
11
+ zIndex: 100
12
+ };
13
+ exports.labelBottom = -16;
14
+ exports.maxValue = 100;
@@ -0,0 +1,4 @@
1
+ export * from './progressCircular';
2
+ export { default } from './progressCircular';
3
+ export * from './progressCircular.types';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/progressCircular/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC5C,cAAc,0BAA0B,CAAA"}
@@ -0,0 +1,24 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ var __importDefault = (this && this.__importDefault) || function (mod) {
17
+ return (mod && mod.__esModule) ? mod : { "default": mod };
18
+ };
19
+ Object.defineProperty(exports, "__esModule", { value: true });
20
+ exports.default = void 0;
21
+ __exportStar(require("./progressCircular"), exports);
22
+ var progressCircular_1 = require("./progressCircular");
23
+ Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(progressCircular_1).default; } });
24
+ __exportStar(require("./progressCircular.types"), exports);
@@ -0,0 +1,6 @@
1
+ import { ProgressCircularProps } from './progressCircular.types';
2
+ export declare const ProgressCircularBase: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("..").SystemProps, never>;
3
+ /** [Beta] Indicates a process progress. */
4
+ export declare const ProgressCircular: import("../core").VuiComponent<"div", ProgressCircularProps>;
5
+ export default ProgressCircular;
6
+ //# sourceMappingURL=progressCircular.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"progressCircular.d.ts","sourceRoot":"","sources":["../../../src/progressCircular/progressCircular.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAA;AAEhE,eAAO,MAAM,oBAAoB,+HAIhC,CAAA;AAaD,2CAA2C;AAC3C,eAAO,MAAM,gBAAgB,8DAoD3B,CAAA;AAEF,eAAe,gBAAgB,CAAA"}
@@ -0,0 +1,84 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ var __rest = (this && this.__rest) || function (s, e) {
26
+ var t = {};
27
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
28
+ t[p] = s[p];
29
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
30
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
31
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
32
+ t[p[i]] = s[p[i]];
33
+ }
34
+ return t;
35
+ };
36
+ Object.defineProperty(exports, "__esModule", { value: true });
37
+ exports.ProgressCircular = exports.ProgressCircularBase = void 0;
38
+ const react_1 = __importStar(require("react"));
39
+ const box_1 = require("../box");
40
+ const core_1 = require("../core");
41
+ const t_1 = require("../t");
42
+ const utils_1 = require("../utils");
43
+ const consts_1 = require("./consts");
44
+ exports.ProgressCircularBase = core_1.styled.divBox `
45
+ display: flex;
46
+ position: relative;
47
+ width: 100%;
48
+ `;
49
+ const Circle = core_1.styled.circle `
50
+ fill: transparent;
51
+ stroke: hsl(223, 67%, 95%);
52
+ `;
53
+ const ProgressCircle = (0, core_1.styled)(Circle) `
54
+ stroke: hsl(223, 67%, 18%);
55
+ transform: rotate(-90deg);
56
+ transform-origin: 50% 50%;
57
+ transition: stroke-dashoffset 0.5s ease-out;
58
+ `;
59
+ /** [Beta] Indicates a process progress. */
60
+ exports.ProgressCircular = (0, core_1.vui)((props, ref) => {
61
+ const { children, className, label, value = 0, showPercentage } = props, rest = __rest(props, ["children", "className", "label", "value", "showPercentage"]);
62
+ const styles = (0, core_1.useStyleConfig)('ProgressCircular', props);
63
+ const [progress, setProgress] = (0, react_1.useState)(value);
64
+ (0, react_1.useEffect)(() => {
65
+ setProgress(value ? Math.ceil(value) : 0);
66
+ }, [value]);
67
+ (0, react_1.useEffect)(() => {
68
+ const w = !value ? 0 : Math.ceil(value);
69
+ setProgress(w > consts_1.maxValue ? consts_1.maxValue : w);
70
+ }, [value]);
71
+ const radius = consts_1.maxValue / 2 - styles.strokeWidth * 2;
72
+ const angle = radius * 2 * Math.PI;
73
+ const offset = angle - (progress / consts_1.maxValue) * angle;
74
+ return (react_1.default.createElement(exports.ProgressCircularBase, Object.assign({ className: (0, utils_1.cs)('vui-progress-circular', className), ref: ref, w: styles.width }, rest),
75
+ react_1.default.createElement("svg", { "aria-valuemax": consts_1.maxValue, "aria-valuemin": 0, "aria-valuenow": progress, height: styles.width, version: "1.1", viewBox: "0 0 100 100", width: styles.width, xmlns: "http://www.w3.org/2000/svg" },
76
+ react_1.default.createElement(Circle, { cx: "50", cy: "50", r: radius, strokeWidth: styles.strokeWidth }),
77
+ react_1.default.createElement(ProgressCircle, { cx: "50", cy: "50", r: radius, strokeDasharray: `${angle} ${angle}`, strokeDashoffset: offset, strokeWidth: styles.strokeWidth })),
78
+ react_1.default.createElement(box_1.Box, Object.assign({}, consts_1.absCenterStyles, { top: styles.top }), children ? children : showPercentage ? react_1.default.createElement(t_1.T, { fontSize: styles.fontSize },
79
+ progress,
80
+ "%") : null),
81
+ !!label && (react_1.default.createElement(box_1.Box, Object.assign({}, consts_1.absCenterStyles, { bottom: consts_1.labelBottom }),
82
+ react_1.default.createElement(t_1.T, { fontSize: styles.fontSize }, label)))));
83
+ });
84
+ exports.default = exports.ProgressCircular;
@@ -0,0 +1,8 @@
1
+ import { SystemProps } from '../system';
2
+ import { ThemingProps } from '../theme';
3
+ export declare type ProgressCircularProps = SystemProps & ThemingProps<'ProgressCircular'> & {
4
+ label?: string;
5
+ value?: number;
6
+ showPercentage?: boolean;
7
+ };
8
+ //# sourceMappingURL=progressCircular.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"progressCircular.types.d.ts","sourceRoot":"","sources":["../../../src/progressCircular/progressCircular.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,qBAAqB,GAAG,WAAW,GAC7C,YAAY,CAAC,kBAAkB,CAAC,GAAG;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA"}
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
@@ -0,0 +1,35 @@
1
+ declare const _default: {
2
+ baseStyle: {};
3
+ defaultProps: {
4
+ size: string;
5
+ };
6
+ sizes: {
7
+ sm: {
8
+ strokeWidth: number;
9
+ width: number;
10
+ top: number;
11
+ fontSize: number;
12
+ };
13
+ md: {
14
+ strokeWidth: number;
15
+ width: number;
16
+ top: number;
17
+ fontSize: number;
18
+ };
19
+ lg: {
20
+ strokeWidth: number;
21
+ width: number;
22
+ top: number;
23
+ fontSize: number;
24
+ };
25
+ xl: {
26
+ strokeWidth: number;
27
+ width: number;
28
+ top: number;
29
+ fontSize: number;
30
+ };
31
+ };
32
+ variants: {};
33
+ };
34
+ export default _default;
35
+ //# sourceMappingURL=theme.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/progressCircular/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,wBAKC"}
@@ -0,0 +1,24 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const baseStyle = {};
4
+ const defaultProps = {
5
+ size: 'md'
6
+ };
7
+ const sizes = {
8
+ sm: {
9
+ strokeWidth: 4,
10
+ width: 46,
11
+ top: 15,
12
+ fontSize: 12
13
+ },
14
+ md: { strokeWidth: 5, width: 80, top: 30, fontSize: 16 },
15
+ lg: { strokeWidth: 6, width: 120, top: 48, fontSize: 18 },
16
+ xl: { strokeWidth: 7, width: 160, top: 64, fontSize: 22 }
17
+ };
18
+ const variants = {};
19
+ exports.default = {
20
+ baseStyle,
21
+ defaultProps,
22
+ sizes,
23
+ variants
24
+ };
@@ -0,0 +1,6 @@
1
+ export declare const radioColors: {
2
+ main: string;
3
+ hover: string;
4
+ disabled: string;
5
+ };
6
+ //# sourceMappingURL=consts.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/radio/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;CAIvB,CAAA"}
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.radioColors = void 0;
4
+ exports.radioColors = {
5
+ main: 'seaBlue.main',
6
+ hover: 'seaBlue.40',
7
+ disabled: 'sandstone.main'
8
+ };
@@ -1 +1 @@
1
- {"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/radio/radio.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAuB3D,eAAO,MAAM,SAAS,olJAkBrB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK,oDA4FhB,CAAA;AAEF,eAAe,KAAK,CAAA"}
1
+ {"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/radio/radio.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAuB3D,eAAO,MAAM,SAAS,olJAkBrB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK,oDA2FhB,CAAA;AAEF,eAAe,KAAK,CAAA"}
@@ -43,6 +43,7 @@ const core_1 = require("../core");
43
43
  const icon_1 = __importDefault(require("../icon"));
44
44
  const t_1 = __importDefault(require("../t"));
45
45
  const utils_1 = require("../utils");
46
+ const consts_1 = require("./consts");
46
47
  const context_1 = require("./context");
47
48
  const RadioControl = core_1.styled.spanBox `
48
49
  border-radius: 50%;
@@ -74,11 +75,11 @@ exports.RadioBase = core_1.styled.labelBox `
74
75
  }
75
76
 
76
77
  &[aria-disabled='true'] {
77
- color: disabled.color;
78
+ color: ${consts_1.radioColors.disabled};
78
79
  cursor: not-allowed;
79
80
 
80
81
  .vui-radioControl {
81
- color: disabled.color;
82
+ color: ${consts_1.radioColors.disabled};
82
83
  }
83
84
  }
84
85
  `;
@@ -97,8 +98,8 @@ exports.Radio = (0, core_1.vui)((props, ref) => {
97
98
  const _e = styles.control, { color: controlColor, hoverColor } = _e, controlStyles = __rest(_e, ["color", "hoverColor"]);
98
99
  const icon = isChecked ? iconChecked : iconProp;
99
100
  const controlMr = children || label ? 1 : 0;
100
- const color = isChecked ? controlColor : 'grey.60';
101
- const controlHoverColor = isChecked ? hoverColor : 'grey.90';
101
+ const color = controlColor ? controlColor : consts_1.radioColors.main;
102
+ const controlHoverColor = hoverColor ? hoverColor : consts_1.radioColors.hover;
102
103
  (0, react_1.useEffect)(() => {
103
104
  if (groupIsChecked !== undefined) {
104
105
  setIsChecked(groupIsChecked === value);
@@ -6,7 +6,7 @@ import { ChangeEventHandler, FocusEventHandler } from '../utils';
6
6
  export declare type RadioProps = SystemProps & ThemingProps<'Radio'> & {
7
7
  /** Provides value to radio in controlled mode. */
8
8
  checked?: boolean;
9
- /** Available theme colors for this component. @default blue */
9
+ /** @deprecated Available theme colors for this component. */
10
10
  colorScheme?: 'blue' | 'prussian';
11
11
  /** Disables radio and related elements with the right styling. */
12
12
  disabled?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"radio.types.d.ts","sourceRoot":"","sources":["../../../src/radio/radio.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAEhE,oBAAY,UAAU,GAAG,WAAW,GAClC,YAAY,CAAC,OAAO,CAAC,GAAG;IACtB,kDAAkD;IAClD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;IACjC,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,0DAA0D;IAC1D,WAAW,CAAC,EAAE,QAAQ,CAAA;IACtB,sDAAsD;IACtD,UAAU,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAA;IAC7C,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,GAAG,IAAI,CAAC,GAAG,IAAI,CAAA;IACjE,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iCAAiC;IACjC,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,iCAAiC;IACjC,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB,CAAA;AAEH,oBAAY,eAAe,GAAG;IAC5B,6DAA6D;IAC7D,iBAAiB,EAAE,MAAM,CAAA;CAC1B,CAAA"}
1
+ {"version":3,"file":"radio.types.d.ts","sourceRoot":"","sources":["../../../src/radio/radio.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAEhE,oBAAY,UAAU,GAAG,WAAW,GAClC,YAAY,CAAC,OAAO,CAAC,GAAG;IACtB,kDAAkD;IAClD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;IACjC,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,0DAA0D;IAC1D,WAAW,CAAC,EAAE,QAAQ,CAAA;IACtB,sDAAsD;IACtD,UAAU,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAA;IAC7C,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,GAAG,IAAI,CAAC,GAAG,IAAI,CAAA;IACjE,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iCAAiC;IACjC,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,iCAAiC;IACjC,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB,CAAA;AAEH,oBAAY,eAAe,GAAG;IAC5B,6DAA6D;IAC7D,iBAAiB,EAAE,MAAM,CAAA;CAC1B,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"radioGroup.d.ts","sourceRoot":"","sources":["../../../src/radio/radioGroup.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,eAAO,MAAM,cAAc,+HAI1B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,wDAqDrB,CAAA;AAEF,eAAe,UAAU,CAAA"}
1
+ {"version":3,"file":"radioGroup.d.ts","sourceRoot":"","sources":["../../../src/radio/radioGroup.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,eAAO,MAAM,cAAc,+HAI1B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,wDAuCrB,CAAA;AAEF,eAAe,UAAU,CAAA"}