@cloudscape-design/components-themeable 3.0.59 → 3.0.61

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 (59) hide show
  1. package/lib/internal/scss/calendar/styles.scss +34 -14
  2. package/lib/internal/scss/date-range-picker/calendar/grids/day/styles.scss +5 -5
  3. package/lib/internal/scss/date-range-picker/styles.scss +5 -10
  4. package/lib/internal/scss/property-filter/styles.scss +3 -29
  5. package/lib/internal/template/attribute-editor/styles.scoped.css +4 -1
  6. package/lib/internal/template/breadcrumb-group/item/styles.css.js +7 -7
  7. package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +18 -16
  8. package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +7 -7
  9. package/lib/internal/template/breadcrumb-group/styles.css.js +6 -6
  10. package/lib/internal/template/breadcrumb-group/styles.scoped.css +12 -12
  11. package/lib/internal/template/breadcrumb-group/styles.selectors.js +6 -6
  12. package/lib/internal/template/calendar/grid/day/index.d.ts +2 -2
  13. package/lib/internal/template/calendar/grid/day/index.d.ts.map +1 -1
  14. package/lib/internal/template/calendar/grid/day/index.js +5 -4
  15. package/lib/internal/template/calendar/grid/day/index.js.map +1 -1
  16. package/lib/internal/template/calendar/grid/index.d.ts.map +1 -1
  17. package/lib/internal/template/calendar/grid/index.js.map +1 -1
  18. package/lib/internal/template/calendar/styles.css.js +20 -20
  19. package/lib/internal/template/calendar/styles.scoped.css +69 -41
  20. package/lib/internal/template/calendar/styles.selectors.js +20 -20
  21. package/lib/internal/template/date-input/internal.js +1 -1
  22. package/lib/internal/template/date-input/internal.js.map +1 -1
  23. package/lib/internal/template/date-range-picker/calendar/grids/day/styles.css.js +21 -21
  24. package/lib/internal/template/date-range-picker/calendar/grids/day/styles.scoped.css +41 -41
  25. package/lib/internal/template/date-range-picker/calendar/grids/day/styles.selectors.js +21 -21
  26. package/lib/internal/template/date-range-picker/calendar/index.js +23 -27
  27. package/lib/internal/template/date-range-picker/calendar/index.js.map +1 -1
  28. package/lib/internal/template/date-range-picker/styles.css.js +40 -41
  29. package/lib/internal/template/date-range-picker/styles.scoped.css +52 -53
  30. package/lib/internal/template/date-range-picker/styles.selectors.js +40 -41
  31. package/lib/internal/template/flashbar/flash.d.ts.map +1 -1
  32. package/lib/internal/template/flashbar/flash.js +2 -2
  33. package/lib/internal/template/flashbar/flash.js.map +1 -1
  34. package/lib/internal/template/flashbar/interfaces.d.ts +2 -0
  35. package/lib/internal/template/flashbar/interfaces.d.ts.map +1 -1
  36. package/lib/internal/template/flashbar/interfaces.js.map +1 -1
  37. package/lib/internal/template/help-panel/styles.scoped.css +2 -0
  38. package/lib/internal/template/input/internal.js +1 -1
  39. package/lib/internal/template/input/internal.js.map +1 -1
  40. package/lib/internal/template/internal/base-component/styles.scoped.css +7 -25
  41. package/lib/internal/template/internal/environment.js +1 -1
  42. package/lib/internal/template/link/styles.scoped.css +18 -1
  43. package/lib/internal/template/property-filter/interfaces.d.ts +1 -5
  44. package/lib/internal/template/property-filter/interfaces.d.ts.map +1 -1
  45. package/lib/internal/template/property-filter/interfaces.js.map +1 -1
  46. package/lib/internal/template/property-filter/styles.css.js +25 -30
  47. package/lib/internal/template/property-filter/styles.scoped.css +28 -56
  48. package/lib/internal/template/property-filter/styles.selectors.js +25 -30
  49. package/lib/internal/template/property-filter/token-editor.d.ts.map +1 -1
  50. package/lib/internal/template/property-filter/token-editor.js +13 -28
  51. package/lib/internal/template/property-filter/token-editor.js.map +1 -1
  52. package/lib/internal/template/property-filter/token.d.ts.map +1 -1
  53. package/lib/internal/template/property-filter/token.js.map +1 -1
  54. package/lib/internal/template/tag-editor/styles.scoped.css +2 -0
  55. package/lib/internal/template/text-content/styles.scoped.css +6 -1
  56. package/lib/internal/template/textarea/index.js +1 -1
  57. package/lib/internal/template/textarea/index.js.map +1 -1
  58. package/lib/internal/template/token-group/styles.scoped.css +2 -0
  59. package/package.json +1 -1
package/lib/internal/template/text-content/styles.scoped.css CHANGED
@@ -198,10 +198,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
198
198
  color: var(--color-text-link-default-753y4e, #0073bb);
199
199
  font-weight: var(--font-link-primary-weight-08ec3r, 700);
200
200
  letter-spacing: var(--font-link-primary-letter-spacing-4lvjol, 0.005em);
201
- text-decoration: var(--font-link-primary-decoration-yl9l62, none);
201
+ -webkit-text-decoration: var(--font-link-primary-decoration-yl9l62, none);
202
+ text-decoration: var(--font-link-primary-decoration-yl9l62, none);
202
203
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
203
204
  text-decoration-color: var(--color-text-link-primary-underline-xq4vik, transparent);
205
+ transition-property: color, -webkit-text-decoration;
204
206
  transition-property: color, text-decoration;
207
+ transition-property: color, text-decoration, -webkit-text-decoration;
205
208
  transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
206
209
  }
207
210
  @media (prefers-reduced-motion: reduce) {
@@ -247,7 +250,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
247
250
  text-decoration: none;
248
251
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
249
252
  text-decoration-color: transparent;
253
+ transition-property: color, -webkit-text-decoration;
250
254
  transition-property: color, text-decoration;
255
+ transition-property: color, text-decoration, -webkit-text-decoration;
251
256
  transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
252
257
  }
253
258
  @media (prefers-reduced-motion: reduce) {
package/lib/internal/template/textarea/index.js CHANGED
@@ -52,7 +52,7 @@ var Textarea = React.forwardRef(function (_a, ref) {
52
52
  attributes.spellCheck = 'false';
53
53
  }
54
54
  return (React.createElement("span", __assign({}, baseProps, { className: clsx(styles.root, baseProps.className), ref: __internalRootRef }),
55
- React.createElement("textarea", __assign({ ref: textareaRef, id: controlId }, attributes))));
55
+ React.createElement("textarea", __assign({ ref: textareaRef, id: controlId }, attributes, { spellCheck: false }))));
56
56
  });
57
57
  applyDisplayName(Textarea, 'Textarea');
58
58
  export default Textarea;
package/lib/internal/template/textarea/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/textarea/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { Ref, useRef } from 'react';\nimport { getBaseProps } from '../internal/base-component';\nimport { fireKeyboardEvent, fireNonCancelableEvent } from '../internal/events';\nimport { TextareaProps } from './interfaces';\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport clsx from 'clsx';\nimport styles from './styles.css.js';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { convertAutoComplete } from '../input/utils';\n\nexport { TextareaProps };\n\nconst Textarea = React.forwardRef(\n (\n {\n value,\n autoComplete = true,\n disabled,\n readOnly,\n disableBrowserAutocorrect,\n disableBrowserSpellcheck,\n onKeyDown,\n onKeyUp,\n onChange,\n onBlur,\n onFocus,\n ariaRequired,\n name,\n rows,\n placeholder,\n autoFocus,\n ariaLabel,\n ...rest\n }: TextareaProps,\n ref: Ref<TextareaProps.Ref>\n ) => {\n const { __internalRootRef } = useBaseComponent('Textarea');\n const { ariaLabelledby, ariaDescribedby, controlId, invalid } = useFormFieldContext(rest);\n const baseProps = getBaseProps(rest);\n\n const textareaRef = useRef<HTMLTextAreaElement>(null);\n useForwardFocus(ref, textareaRef);\n\n const attributes: React.TextareaHTMLAttributes<HTMLTextAreaElement> = {\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n 'aria-describedby': ariaDescribedby,\n 'aria-required': ariaRequired ? 'true' : undefined,\n 'aria-invalid': invalid ? 'true' : undefined,\n name,\n placeholder,\n autoFocus,\n className: clsx(styles.textarea, {\n [styles['textarea-readonly']]: readOnly,\n [styles['textarea-invalid']]: invalid,\n }),\n autoComplete: convertAutoComplete(autoComplete),\n disabled,\n readOnly: readOnly ? true : undefined,\n rows: rows || 3,\n onKeyDown: onKeyDown && (event => fireKeyboardEvent(onKeyDown, event)),\n onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)),\n // We set a default value on the component in order to force it into the controlled mode.\n value: value || '',\n onChange: onChange && (event => fireNonCancelableEvent(onChange, { value: event.target.value })),\n onBlur: onBlur && (() => fireNonCancelableEvent(onBlur)),\n onFocus: onFocus && (() => fireNonCancelableEvent(onFocus)),\n };\n\n if (disableBrowserAutocorrect) {\n attributes.autoCorrect = 'off';\n attributes.autoCapitalize = 'off';\n }\n\n if (disableBrowserSpellcheck) {\n attributes.spellCheck = 'false';\n }\n\n return (\n <span {...baseProps} className={clsx(styles.root, baseProps.className)} ref={__internalRootRef}>\n <textarea ref={textareaRef} id={controlId} {...attributes} />\n </span>\n );\n }\n);\n\napplyDisplayName(Textarea, 'Textarea');\nexport default Textarea;\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/textarea/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { Ref, useRef } from 'react';\nimport { getBaseProps } from '../internal/base-component';\nimport { fireKeyboardEvent, fireNonCancelableEvent } from '../internal/events';\nimport { TextareaProps } from './interfaces';\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport clsx from 'clsx';\nimport styles from './styles.css.js';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { convertAutoComplete } from '../input/utils';\n\nexport { TextareaProps };\n\nconst Textarea = React.forwardRef(\n (\n {\n value,\n autoComplete = true,\n disabled,\n readOnly,\n disableBrowserAutocorrect,\n disableBrowserSpellcheck,\n onKeyDown,\n onKeyUp,\n onChange,\n onBlur,\n onFocus,\n ariaRequired,\n name,\n rows,\n placeholder,\n autoFocus,\n ariaLabel,\n ...rest\n }: TextareaProps,\n ref: Ref<TextareaProps.Ref>\n ) => {\n const { __internalRootRef } = useBaseComponent('Textarea');\n const { ariaLabelledby, ariaDescribedby, controlId, invalid } = useFormFieldContext(rest);\n const baseProps = getBaseProps(rest);\n\n const textareaRef = useRef<HTMLTextAreaElement>(null);\n useForwardFocus(ref, textareaRef);\n\n const attributes: React.TextareaHTMLAttributes<HTMLTextAreaElement> = {\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n 'aria-describedby': ariaDescribedby,\n 'aria-required': ariaRequired ? 'true' : undefined,\n 'aria-invalid': invalid ? 'true' : undefined,\n name,\n placeholder,\n autoFocus,\n className: clsx(styles.textarea, {\n [styles['textarea-readonly']]: readOnly,\n [styles['textarea-invalid']]: invalid,\n }),\n autoComplete: convertAutoComplete(autoComplete),\n disabled,\n readOnly: readOnly ? true : undefined,\n rows: rows || 3,\n onKeyDown: onKeyDown && (event => fireKeyboardEvent(onKeyDown, event)),\n onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)),\n // We set a default value on the component in order to force it into the controlled mode.\n value: value || '',\n onChange: onChange && (event => fireNonCancelableEvent(onChange, { value: event.target.value })),\n onBlur: onBlur && (() => fireNonCancelableEvent(onBlur)),\n onFocus: onFocus && (() => fireNonCancelableEvent(onFocus)),\n };\n\n if (disableBrowserAutocorrect) {\n attributes.autoCorrect = 'off';\n attributes.autoCapitalize = 'off';\n }\n\n if (disableBrowserSpellcheck) {\n attributes.spellCheck = 'false';\n }\n\n return (\n <span {...baseProps} className={clsx(styles.root, baseProps.className)} ref={__internalRootRef}>\n <textarea ref={textareaRef} id={controlId} {...attributes} spellCheck={false} />\n </span>\n );\n }\n);\n\napplyDisplayName(Textarea, 'Textarea');\nexport default Textarea;\n"]}
package/lib/internal/template/token-group/styles.scoped.css CHANGED
@@ -236,7 +236,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
236
236
  text-decoration: none;
237
237
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
238
238
  text-decoration-color: transparent;
239
+ transition-property: color, -webkit-text-decoration;
239
240
  transition-property: color, text-decoration;
241
+ transition-property: color, text-decoration, -webkit-text-decoration;
240
242
  transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
241
243
  display: flex;
242
244
  align-items: center;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cloudscape-design/components-themeable",
3
- "version": "3.0.59",
3
+ "version": "3.0.61",
4
4
  "files": [
5
5
  "lib",
6
6
  "package.json",