@cloudscape-design/components-themeable 3.0.673 → 3.0.674

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 (16) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/code-editor/styles.scss +31 -10
  3. package/lib/internal/template/code-editor/status-bar.d.ts +1 -1
  4. package/lib/internal/template/code-editor/status-bar.d.ts.map +1 -1
  5. package/lib/internal/template/code-editor/status-bar.js +9 -26
  6. package/lib/internal/template/code-editor/status-bar.js.map +1 -1
  7. package/lib/internal/template/code-editor/styles.css.js +33 -32
  8. package/lib/internal/template/code-editor/styles.scoped.css +204 -185
  9. package/lib/internal/template/code-editor/styles.selectors.js +33 -32
  10. package/lib/internal/template/code-editor/tab-button.d.ts +1 -0
  11. package/lib/internal/template/code-editor/tab-button.d.ts.map +1 -1
  12. package/lib/internal/template/code-editor/tab-button.js +3 -3
  13. package/lib/internal/template/code-editor/tab-button.js.map +1 -1
  14. package/lib/internal/template/internal/environment.js +1 -1
  15. package/lib/internal/template/internal/environment.json +1 -1
  16. package/package.json +1 -1
package/lib/internal/template/code-editor/styles.selectors.js CHANGED
@@ -2,37 +2,38 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "code-editor-refresh": "awsui_code-editor-refresh_1gl9c_tm9fh_102",
6
- "code-editor": "awsui_code-editor_1gl9c_tm9fh_102",
7
- "pane": "awsui_pane_1gl9c_tm9fh_640",
8
- "pane__close-container": "awsui_pane__close-container_1gl9c_tm9fh_651",
9
- "pane__list": "awsui_pane__list_1gl9c_tm9fh_656",
10
- "pane__table": "awsui_pane__table_1gl9c_tm9fh_663",
11
- "pane__item": "awsui_pane__item_1gl9c_tm9fh_669",
12
- "pane__cell": "awsui_pane__cell_1gl9c_tm9fh_669",
13
- "pane__item--highlighted": "awsui_pane__item--highlighted_1gl9c_tm9fh_683",
14
- "pane__location": "awsui_pane__location_1gl9c_tm9fh_704",
15
- "pane__description": "awsui_pane__description_1gl9c_tm9fh_704",
16
- "focus-lock": "awsui_focus-lock_1gl9c_tm9fh_719",
17
- "editor": "awsui_editor_1gl9c_tm9fh_770",
18
- "editor-refresh": "awsui_editor-refresh_1gl9c_tm9fh_798",
19
- "status-bar": "awsui_status-bar_1gl9c_tm9fh_803",
20
- "status-bar-with-hidden-pane": "awsui_status-bar-with-hidden-pane_1gl9c_tm9fh_811",
21
- "status-bar__left": "awsui_status-bar__left_1gl9c_tm9fh_815",
22
- "status-bar__left-virtual": "awsui_status-bar__left-virtual_1gl9c_tm9fh_822",
23
- "status-bar__right": "awsui_status-bar__right_1gl9c_tm9fh_826",
24
- "status-bar__language-mode": "awsui_status-bar__language-mode_1gl9c_tm9fh_830",
25
- "status-bar__cursor-position": "awsui_status-bar__cursor-position_1gl9c_tm9fh_830",
26
- "status-bar__cog-button": "awsui_status-bar__cog-button_1gl9c_tm9fh_836",
27
- "status-bar-virtual": "awsui_status-bar-virtual_1gl9c_tm9fh_841",
28
- "tab-button": "awsui_tab-button_1gl9c_tm9fh_847",
29
- "tab-button--refresh": "awsui_tab-button--refresh_1gl9c_tm9fh_879",
30
- "tab-button--warnings": "awsui_tab-button--warnings_1gl9c_tm9fh_882",
31
- "tab-button--active": "awsui_tab-button--active_1gl9c_tm9fh_891",
32
- "tab-button--disabled": "awsui_tab-button--disabled_1gl9c_tm9fh_907",
33
- "tab-button--divider": "awsui_tab-button--divider_1gl9c_tm9fh_940",
34
- "tab-button--errors": "awsui_tab-button--errors_1gl9c_tm9fh_947",
35
- "loading-screen": "awsui_loading-screen_1gl9c_tm9fh_951",
36
- "error-screen": "awsui_error-screen_1gl9c_tm9fh_952"
5
+ "code-editor-refresh": "awsui_code-editor-refresh_1gl9c_1kyah_102",
6
+ "code-editor": "awsui_code-editor_1gl9c_1kyah_102",
7
+ "pane": "awsui_pane_1gl9c_1kyah_640",
8
+ "pane__close-container": "awsui_pane__close-container_1gl9c_1kyah_651",
9
+ "pane__list": "awsui_pane__list_1gl9c_1kyah_656",
10
+ "pane__table": "awsui_pane__table_1gl9c_1kyah_663",
11
+ "pane__item": "awsui_pane__item_1gl9c_1kyah_669",
12
+ "pane__cell": "awsui_pane__cell_1gl9c_1kyah_669",
13
+ "pane__item--highlighted": "awsui_pane__item--highlighted_1gl9c_1kyah_683",
14
+ "pane__location": "awsui_pane__location_1gl9c_1kyah_704",
15
+ "pane__description": "awsui_pane__description_1gl9c_1kyah_704",
16
+ "focus-lock": "awsui_focus-lock_1gl9c_1kyah_719",
17
+ "editor": "awsui_editor_1gl9c_1kyah_770",
18
+ "editor-refresh": "awsui_editor-refresh_1gl9c_1kyah_798",
19
+ "status-bar": "awsui_status-bar_1gl9c_1kyah_803",
20
+ "status-bar-with-hidden-pane": "awsui_status-bar-with-hidden-pane_1gl9c_1kyah_812",
21
+ "status-bar__left": "awsui_status-bar__left_1gl9c_1kyah_816",
22
+ "status-bar__right": "awsui_status-bar__right_1gl9c_1kyah_823",
23
+ "status-bar__language-mode": "awsui_status-bar__language-mode_1gl9c_1kyah_827",
24
+ "status-bar__cursor-position": "awsui_status-bar__cursor-position_1gl9c_1kyah_827",
25
+ "status-bar__cog-button": "awsui_status-bar__cog-button_1gl9c_1kyah_833",
26
+ "tab-list": "awsui_tab-list_1gl9c_1kyah_838",
27
+ "tab-button": "awsui_tab-button_1gl9c_1kyah_843",
28
+ "tab-button--refresh": "awsui_tab-button--refresh_1gl9c_1kyah_876",
29
+ "tab-button--warnings": "awsui_tab-button--warnings_1gl9c_1kyah_879",
30
+ "tab-button--active": "awsui_tab-button--active_1gl9c_1kyah_888",
31
+ "tab-button--disabled": "awsui_tab-button--disabled_1gl9c_1kyah_904",
32
+ "tab-button--divider": "awsui_tab-button--divider_1gl9c_1kyah_937",
33
+ "tab-button--errors": "awsui_tab-button--errors_1gl9c_1kyah_944",
34
+ "count": "awsui_count_1gl9c_1kyah_953",
35
+ "text": "awsui_text_1gl9c_1kyah_956",
36
+ "loading-screen": "awsui_loading-screen_1gl9c_1kyah_970",
37
+ "error-screen": "awsui_error-screen_1gl9c_1kyah_971"
37
38
  };
38
39
 
package/lib/internal/template/code-editor/tab-button.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
2
  import { IconProps } from '../icon/interfaces';
3
3
  interface TabButtonProps {
4
+ count: number;
4
5
  text: string;
5
6
  iconName: IconProps.Name;
6
7
  active: boolean;
package/lib/internal/template/code-editor/tab-button.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tab-button.d.ts","sourceRoot":"","sources":["../../../src/code-editor/tab-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAK/C,UAAU,cAAc;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IAEnB,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CACrD;AAED,eAAO,MAAM,SAAS,0FA6CrB,CAAC"}
1
+ {"version":3,"file":"tab-button.d.ts","sourceRoot":"","sources":["../../../src/code-editor/tab-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAK/C,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IAEnB,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CACrD;AAED,eAAO,MAAM,SAAS,0FAgDrB,CAAC"}
package/lib/internal/template/code-editor/tab-button.js CHANGED
@@ -4,14 +4,14 @@ import React from 'react';
4
4
  import clsx from 'clsx';
5
5
  import InternalIcon from '../icon/internal';
6
6
  import styles from './styles.css.js';
7
- export const TabButton = React.forwardRef(({ active, disabled, iconName, onClick, onFocus, onBlur, tabIndex, ariaHidden, ariaLabel, paneId, isRefresh, text, className, id, }, ref) => {
7
+ export const TabButton = React.forwardRef(({ active, disabled, iconName, onClick, onFocus, onBlur, tabIndex, ariaHidden, ariaLabel, paneId, isRefresh, count, text, className, id, }, ref) => {
8
8
  return (React.createElement("button", { className: clsx([styles['tab-button'], className], {
9
9
  [styles['tab-button--active']]: active,
10
10
  [styles['tab-button--disabled']]: disabled,
11
11
  [styles['tab-button--refresh']]: isRefresh,
12
12
  }), id: id, type: "button", onClick: onClick, onFocus: onFocus, onBlur: onBlur, disabled: disabled, ref: ref, tabIndex: tabIndex, role: "tab", "aria-selected": active, "aria-controls": paneId, "aria-hidden": ariaHidden, "aria-label": ariaLabel },
13
13
  React.createElement(InternalIcon, { name: iconName }),
14
- " ",
15
- text));
14
+ React.createElement("span", { className: styles.count }, count),
15
+ React.createElement("span", { className: styles.text }, text)));
16
16
  });
17
17
  //# sourceMappingURL=tab-button.js.map
package/lib/internal/template/code-editor/tab-button.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tab-button.js","sourceRoot":"","sources":["../../../src/code-editor/tab-button.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAE5C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAqBrC,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CACvC,CACE,EACE,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,OAAO,EACP,MAAM,EACN,QAAQ,EACR,UAAU,EACV,SAAS,EACT,MAAM,EACN,SAAS,EACT,IAAI,EACJ,SAAS,EACT,EAAE,GACa,EACjB,GAAiC,EACjC,EAAE;IACF,OAAO,CACL,gCACE,SAAS,EAAE,IAAI,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,SAAS,CAAC,EAAE;YACjD,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,EAAE,MAAM;YACtC,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC,EAAE,QAAQ;YAC1C,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,EAAE,SAAS;SAC3C,CAAC,EACF,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,KAAK,mBACK,MAAM,mBACN,MAAM,iBACR,UAAU,gBACX,SAAS;QAErB,oBAAC,YAAY,IAAC,IAAI,EAAE,QAAQ,GAAI;;QAAE,IAAI,CAC/B,CACV,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { IconProps } from '../icon/interfaces';\nimport InternalIcon from '../icon/internal';\n\nimport styles from './styles.css.js';\n\ninterface TabButtonProps {\n text: string;\n iconName: IconProps.Name;\n active: boolean;\n disabled: boolean;\n tabIndex?: number;\n ariaHidden?: boolean;\n ariaLabel?: string;\n paneId?: string;\n isRefresh: boolean;\n\n className: string;\n id?: string;\n\n onClick: () => void;\n onFocus?: React.FocusEventHandler<HTMLButtonElement>;\n onBlur?: React.FocusEventHandler<HTMLButtonElement>;\n}\n\nexport const TabButton = React.forwardRef(\n (\n {\n active,\n disabled,\n iconName,\n onClick,\n onFocus,\n onBlur,\n tabIndex,\n ariaHidden,\n ariaLabel,\n paneId,\n isRefresh,\n text,\n className,\n id,\n }: TabButtonProps,\n ref: React.Ref<HTMLButtonElement>\n ) => {\n return (\n <button\n className={clsx([styles['tab-button'], className], {\n [styles['tab-button--active']]: active,\n [styles['tab-button--disabled']]: disabled,\n [styles['tab-button--refresh']]: isRefresh,\n })}\n id={id}\n type=\"button\"\n onClick={onClick}\n onFocus={onFocus}\n onBlur={onBlur}\n disabled={disabled}\n ref={ref}\n tabIndex={tabIndex}\n role=\"tab\"\n aria-selected={active}\n aria-controls={paneId}\n aria-hidden={ariaHidden}\n aria-label={ariaLabel}\n >\n <InternalIcon name={iconName} /> {text}\n </button>\n );\n }\n);\n"]}
1
+ {"version":3,"file":"tab-button.js","sourceRoot":"","sources":["../../../src/code-editor/tab-button.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAE5C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAsBrC,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CACvC,CACE,EACE,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,OAAO,EACP,MAAM,EACN,QAAQ,EACR,UAAU,EACV,SAAS,EACT,MAAM,EACN,SAAS,EACT,KAAK,EACL,IAAI,EACJ,SAAS,EACT,EAAE,GACa,EACjB,GAAiC,EACjC,EAAE;IACF,OAAO,CACL,gCACE,SAAS,EAAE,IAAI,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,SAAS,CAAC,EAAE;YACjD,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,EAAE,MAAM;YACtC,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC,EAAE,QAAQ;YAC1C,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,EAAE,SAAS;SAC3C,CAAC,EACF,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,KAAK,mBACK,MAAM,mBACN,MAAM,iBACR,UAAU,gBACX,SAAS;QAErB,oBAAC,YAAY,IAAC,IAAI,EAAE,QAAQ,GAAI;QAChC,8BAAM,SAAS,EAAE,MAAM,CAAC,KAAK,IAAG,KAAK,CAAQ;QAC7C,8BAAM,SAAS,EAAE,MAAM,CAAC,IAAI,IAAG,IAAI,CAAQ,CACpC,CACV,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { IconProps } from '../icon/interfaces';\nimport InternalIcon from '../icon/internal';\n\nimport styles from './styles.css.js';\n\ninterface TabButtonProps {\n count: number;\n text: string;\n iconName: IconProps.Name;\n active: boolean;\n disabled: boolean;\n tabIndex?: number;\n ariaHidden?: boolean;\n ariaLabel?: string;\n paneId?: string;\n isRefresh: boolean;\n\n className: string;\n id?: string;\n\n onClick: () => void;\n onFocus?: React.FocusEventHandler<HTMLButtonElement>;\n onBlur?: React.FocusEventHandler<HTMLButtonElement>;\n}\n\nexport const TabButton = React.forwardRef(\n (\n {\n active,\n disabled,\n iconName,\n onClick,\n onFocus,\n onBlur,\n tabIndex,\n ariaHidden,\n ariaLabel,\n paneId,\n isRefresh,\n count,\n text,\n className,\n id,\n }: TabButtonProps,\n ref: React.Ref<HTMLButtonElement>\n ) => {\n return (\n <button\n className={clsx([styles['tab-button'], className], {\n [styles['tab-button--active']]: active,\n [styles['tab-button--disabled']]: disabled,\n [styles['tab-button--refresh']]: isRefresh,\n })}\n id={id}\n type=\"button\"\n onClick={onClick}\n onFocus={onFocus}\n onBlur={onBlur}\n disabled={disabled}\n ref={ref}\n tabIndex={tabIndex}\n role=\"tab\"\n aria-selected={active}\n aria-controls={paneId}\n aria-hidden={ariaHidden}\n aria-label={ariaLabel}\n >\n <InternalIcon name={iconName} />\n <span className={styles.count}>{count}</span>\n <span className={styles.text}>{text}</span>\n </button>\n );\n }\n);\n"]}
package/lib/internal/template/internal/environment.js CHANGED
@@ -1,4 +1,4 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (dfa46e92)";
2
+ export var PACKAGE_VERSION = "3.0.0 (1c2a3ff0)";
3
3
  export var THEME = "open-source-visual-refresh";
4
4
  export var ALWAYS_VISUAL_REFRESH = true;
package/lib/internal/template/internal/environment.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "components",
3
- "PACKAGE_VERSION": "3.0.0 (dfa46e92)",
3
+ "PACKAGE_VERSION": "3.0.0 (1c2a3ff0)",
4
4
  "THEME": "default",
5
5
  "ALWAYS_VISUAL_REFRESH": false
6
6
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cloudscape-design/components-themeable",
3
- "version": "3.0.673",
3
+ "version": "3.0.674",
4
4
  "files": [
5
5
  "lib"
6
6
  ],