carbon-react 156.3.0 → 156.3.2
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.
- package/esm/components/box/box.component.d.ts +1 -1
- package/esm/components/form/form.style.js +1 -1
- package/esm/components/select/option-group-header/option-group-header.component.d.ts +2 -2
- package/esm/components/select/option-row/option-row.component.d.ts +2 -2
- package/esm/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.style.js +1 -1
- package/lib/components/box/box.component.d.ts +1 -1
- package/lib/components/form/form.style.js +1 -1
- package/lib/components/select/option-group-header/option-group-header.component.d.ts +2 -2
- package/lib/components/select/option-row/option-row.component.d.ts +2 -2
- package/lib/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.style.js +1 -1
- package/package.json +4 -7
- package/esm/components/text-editor/__internal__/plugins/CharacterCounter/__test__/character-counter.component.d.ts +0 -10
- package/lib/components/text-editor/__internal__/plugins/CharacterCounter/__test__/character-counter.component.d.ts +0 -10
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { SpaceProps, LayoutProps, FlexboxProps, PositionProps, GridProps } from "styled-system";
|
|
3
3
|
import * as DesignTokens from "@sage/design-tokens/js/base/common";
|
|
4
|
-
import { Gap } from "style/utils/box-gap";
|
|
4
|
+
import { type Gap } from "../../style/utils/box-gap";
|
|
5
5
|
import { TagProps } from "../../__internal__/utils/helpers/tags";
|
|
6
6
|
export type OverflowWrap = "break-word" | "anywhere";
|
|
7
7
|
export type ScrollVariant = "light" | "dark";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import t,{css as
|
|
1
|
+
import t,{css as i}from"styled-components";import{padding as o,space as e}from"styled-system";import l from"../../__internal__/form-field/form-field.style.js";import s from"../../style/themes/apply-base-theme.js";import r from"../inline-inputs/inline-inputs.style.js";import n from"../select/select.style.js";import{StyledSelectMultiSelect as m}from"../select/multi-select/multi-select.style.js";import a from"../switch/switch.style.js";const d=t.div.withConfig({displayName:"form.style__StyledFormContent",componentId:"sc-24b70795-0"})(["height:100%;"," ",""],(({stickyFooter:t,isInModal:o})=>t&&o&&i(["flex-grow:1;min-height:0;overflow-y:auto;"])),(({fieldSpacing:t})=>t&&i(["--fieldSpacing:",";","{margin-top:var(--spacing000);}"," ",","," ",","," ",","," ","{margin-bottom:var(--spacing000);}"],t,l,r,l,r,n,r,m,a,l))),p=t.div.attrs(s).withConfig({displayName:"form.style__StyledFormFooter",componentId:"sc-24b70795-1"})([""," "," "," ",""],(({hasFooterChildren:t})=>!t&&i(["align-items:center;display:flex;flex-wrap:wrap;gap:var(--sizing200);"])),(({buttonAlignment:t})=>"right"===t&&i(["justify-content:flex-end;"])),(({stickyFooter:t,stickyFooterVariant:o,fullWidthButtons:e})=>i([""," "," ",""],!t&&i(["margin-top:48px;"]),t&&i(["background-color:",";box-shadow:var(--boxShadow150);box-sizing:border-box;"," padding:16px 32px;width:100%;z-index:1000;position:sticky;bottom:0;"],"light"===o?"var(--colorsUtilityYang100)":"var(--colorsUtilityMajor025)","grey"===o&&"border-top: 1px solid var(--colorsUtilityMajor050);"),e&&i(["flex-direction:column;align-items:stretch;"]))),o),f=t.form.attrs(s).withConfig({displayName:"form.style__StyledForm",componentId:"sc-24b70795-2"})([""," "," ",""],e,(({height:t})=>t&&i(["height:",";"],t)),(({stickyFooter:t,isInModal:o})=>t&&i(["display:flex;flex-direction:column;position:relative;",""],o&&i(["flex-grow:1;min-height:0;height:100%;"])))),g=t.div.withConfig({displayName:"form.style__StyledRightButtons",componentId:"sc-24b70795-3"})(["display:flex;gap:var(--sizing200);",""],(({buttonAlignment:t})=>"left"===t&&"flex-grow: 1;")),c=t.div.withConfig({displayName:"form.style__StyledLeftButtons",componentId:"sc-24b70795-4"})(["display:flex;justify-content:flex-end;gap:var(--sizing200);",""],(({buttonAlignment:t})=>"right"===t&&"flex-grow: 1;"));export{f as StyledForm,d as StyledFormContent,p as StyledFormFooter,c as StyledLeftButtons,g as StyledRightButtons};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { CSSProperties } from "styled-components";
|
|
3
|
-
import { TagProps } from "__internal__/utils/helpers/tags";
|
|
2
|
+
import { type CSSProperties } from "styled-components";
|
|
3
|
+
import { type TagProps } from "../../../__internal__/utils/helpers/tags";
|
|
4
4
|
import { IconProps } from "../../icon";
|
|
5
5
|
export interface OptionGroupHeaderProps extends TagProps {
|
|
6
6
|
/**
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { CSSProperties } from "styled-components";
|
|
3
|
-
import { TagProps } from "__internal__/utils/helpers/tags";
|
|
2
|
+
import { type CSSProperties } from "styled-components";
|
|
3
|
+
import { type TagProps } from "../../../__internal__/utils/helpers/tags";
|
|
4
4
|
export interface OptionRowProps extends TagProps {
|
|
5
5
|
/** The option's visible text, displayed within <Textbox> of <Select> */
|
|
6
6
|
text: string;
|
package/esm/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.style.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import o,{css as i}from"styled-components";import
|
|
1
|
+
import o,{css as i}from"styled-components";import e from"../../button/button.component.js";import t from"../../../style/utils/add-focus-styling.js";const n=o.div.withConfig({displayName:"responsive-vertical-menu.style__ModalContainer",componentId:"sc-f65e3065-0"})(["position:fixed;top:0;",""],(({width:o})=>i(["width:",";"],o))),a=o(e).withConfig({displayName:"responsive-vertical-menu.style__StyledButton",componentId:"sc-f65e3065-1"})(["border-radius:0;background-color:var( ",' );[data-component="icon"]{color:var(--colorsUtilityYang100);}&:focus{appearance:none;-webkit-appearance:none;-webkit-box-shadow:',";box-shadow:",";border:1px solid black;outline:transparent 3px solid;}"],(({active:o})=>o?"--colorsActionMinorGray700":"--colorsUtilityYin100"),t(!0),t(!0)),r=o(e).withConfig({displayName:"responsive-vertical-menu.style__StyledCloseButton",componentId:"sc-f65e3065-2"})(['border-radius:0;[data-component="icon"]{color:var(--colorsUtilityYang100);}']),s=o.div.withConfig({displayName:"responsive-vertical-menu.style__StyledGlobalVerticalMenuWrapper",componentId:"sc-f65e3065-3"})(["background-color:black;color:white;display:flex;flex-direction:row;position:absolute;width:fit-content;"]),l=o.ul.withConfig({displayName:"responsive-vertical-menu.style__StyledResponsiveMenu",componentId:"sc-f65e3065-4"})(["margin:0;padding:0;align-items:center;background-color:var(--colorsUtilityYin100);box-sizing:border-box;display:flex;flex-direction:column;height:",";justify-content:flex-start;overflow-y:auto;padding-bottom:var(--spacing100);",";padding-top:var(--spacing100);position:fixed;width:",";max-width:375px;z-index:1000;border-right:",";"," & > :last-child{margin-bottom:40px;}"," ",""],(({height:o})=>o||"100%"),(({responsive:o})=>!o&&i(["padding-left:var(--spacing200);padding-right:var(--spacing200);"])),(({width:o})=>o||"100%"),(({childOpen:o,menu:i})=>"secondary"===i||!o&&"primary"===i?"2px solid var(--colorsGray850)":"1px solid var(--colorsGray850)"),(({top:o})=>i(["top:",";max-height:calc(100% - ",");"],o,"auto"===o?"40px":o)),(({childOpen:o})=>o&&i(["padding-right:calc(var(--spacing200) + 1px);"])),(({height:o,left:e,menu:t})=>"secondary"===t&&i(["left:",";height:",";"],e,o)));export{n as ModalContainer,a as StyledButton,r as StyledCloseButton,s as StyledGlobalVerticalMenuWrapper,l as StyledResponsiveMenu};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { SpaceProps, LayoutProps, FlexboxProps, PositionProps, GridProps } from "styled-system";
|
|
3
3
|
import * as DesignTokens from "@sage/design-tokens/js/base/common";
|
|
4
|
-
import { Gap } from "style/utils/box-gap";
|
|
4
|
+
import { type Gap } from "../../style/utils/box-gap";
|
|
5
5
|
import { TagProps } from "../../__internal__/utils/helpers/tags";
|
|
6
6
|
export type OverflowWrap = "break-word" | "anywhere";
|
|
7
7
|
export type ScrollVariant = "light" | "dark";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var t=require("styled-components"),e=require("styled-system"),i=require("../../__internal__/form-field/form-field.style.js"),s=require("../../style/themes/apply-base-theme.js"),o=require("../inline-inputs/inline-inputs.style.js"),l=require("../select/select.style.js"),r=require("../select/multi-select/multi-select.style.js"),n=require("../switch/switch.style.js");function a(t){return t&&t.__esModule?t:{default:t}}var d=a(t);const c=d.default.div.withConfig({displayName:"form.style__StyledFormContent",componentId:"sc-
|
|
1
|
+
"use strict";var t=require("styled-components"),e=require("styled-system"),i=require("../../__internal__/form-field/form-field.style.js"),s=require("../../style/themes/apply-base-theme.js"),o=require("../inline-inputs/inline-inputs.style.js"),l=require("../select/select.style.js"),r=require("../select/multi-select/multi-select.style.js"),n=require("../switch/switch.style.js");function a(t){return t&&t.__esModule?t:{default:t}}var d=a(t);const c=d.default.div.withConfig({displayName:"form.style__StyledFormContent",componentId:"sc-24b70795-0"})(["height:100%;"," ",""],(({stickyFooter:e,isInModal:i})=>e&&i&&t.css(["flex-grow:1;min-height:0;overflow-y:auto;"])),(({fieldSpacing:e})=>e&&t.css(["--fieldSpacing:",";","{margin-top:var(--spacing000);}"," ",","," ",","," ",","," ","{margin-bottom:var(--spacing000);}"],e,i.default,o.default,i.default,o.default,l.default,o.default,r.StyledSelectMultiSelect,n.default,i.default))),f=d.default.div.attrs(s.default).withConfig({displayName:"form.style__StyledFormFooter",componentId:"sc-24b70795-1"})([""," "," "," ",""],(({hasFooterChildren:e})=>!e&&t.css(["align-items:center;display:flex;flex-wrap:wrap;gap:var(--sizing200);"])),(({buttonAlignment:e})=>"right"===e&&t.css(["justify-content:flex-end;"])),(({stickyFooter:e,stickyFooterVariant:i,fullWidthButtons:s})=>t.css([""," "," ",""],!e&&t.css(["margin-top:48px;"]),e&&t.css(["background-color:",";box-shadow:var(--boxShadow150);box-sizing:border-box;"," padding:16px 32px;width:100%;z-index:1000;position:sticky;bottom:0;"],"light"===i?"var(--colorsUtilityYang100)":"var(--colorsUtilityMajor025)","grey"===i&&"border-top: 1px solid var(--colorsUtilityMajor050);"),s&&t.css(["flex-direction:column;align-items:stretch;"]))),e.padding),u=d.default.form.attrs(s.default).withConfig({displayName:"form.style__StyledForm",componentId:"sc-24b70795-2"})([""," "," ",""],e.space,(({height:e})=>e&&t.css(["height:",";"],e)),(({stickyFooter:e,isInModal:i})=>e&&t.css(["display:flex;flex-direction:column;position:relative;",""],i&&t.css(["flex-grow:1;min-height:0;height:100%;"])))),y=d.default.div.withConfig({displayName:"form.style__StyledRightButtons",componentId:"sc-24b70795-3"})(["display:flex;gap:var(--sizing200);",""],(({buttonAlignment:t})=>"left"===t&&"flex-grow: 1;")),p=d.default.div.withConfig({displayName:"form.style__StyledLeftButtons",componentId:"sc-24b70795-4"})(["display:flex;justify-content:flex-end;gap:var(--sizing200);",""],(({buttonAlignment:t})=>"right"===t&&"flex-grow: 1;"));exports.StyledForm=u,exports.StyledFormContent=c,exports.StyledFormFooter=f,exports.StyledLeftButtons=p,exports.StyledRightButtons=y;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { CSSProperties } from "styled-components";
|
|
3
|
-
import { TagProps } from "__internal__/utils/helpers/tags";
|
|
2
|
+
import { type CSSProperties } from "styled-components";
|
|
3
|
+
import { type TagProps } from "../../../__internal__/utils/helpers/tags";
|
|
4
4
|
import { IconProps } from "../../icon";
|
|
5
5
|
export interface OptionGroupHeaderProps extends TagProps {
|
|
6
6
|
/**
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { CSSProperties } from "styled-components";
|
|
3
|
-
import { TagProps } from "__internal__/utils/helpers/tags";
|
|
2
|
+
import { type CSSProperties } from "styled-components";
|
|
3
|
+
import { type TagProps } from "../../../__internal__/utils/helpers/tags";
|
|
4
4
|
export interface OptionRowProps extends TagProps {
|
|
5
5
|
/** The option's visible text, displayed within <Textbox> of <Select> */
|
|
6
6
|
text: string;
|
package/lib/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.style.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("styled-components"),
|
|
1
|
+
"use strict";var e=require("styled-components"),t=require("../../button/button.component.js"),o=require("../../../style/utils/add-focus-styling.js");function i(e){return e&&e.__esModule?e:{default:e}}var n=i(e);const a=n.default.div.withConfig({displayName:"responsive-vertical-menu.style__ModalContainer",componentId:"sc-f65e3065-0"})(["position:fixed;top:0;",""],(({width:t})=>e.css(["width:",";"],t))),r=n.default(t.default).withConfig({displayName:"responsive-vertical-menu.style__StyledButton",componentId:"sc-f65e3065-1"})(["border-radius:0;background-color:var( ",' );[data-component="icon"]{color:var(--colorsUtilityYang100);}&:focus{appearance:none;-webkit-appearance:none;-webkit-box-shadow:',";box-shadow:",";border:1px solid black;outline:transparent 3px solid;}"],(({active:e})=>e?"--colorsActionMinorGray700":"--colorsUtilityYin100"),o.default(!0),o.default(!0)),s=n.default(t.default).withConfig({displayName:"responsive-vertical-menu.style__StyledCloseButton",componentId:"sc-f65e3065-2"})(['border-radius:0;[data-component="icon"]{color:var(--colorsUtilityYang100);}']),l=n.default.div.withConfig({displayName:"responsive-vertical-menu.style__StyledGlobalVerticalMenuWrapper",componentId:"sc-f65e3065-3"})(["background-color:black;color:white;display:flex;flex-direction:row;position:absolute;width:fit-content;"]),d=n.default.ul.withConfig({displayName:"responsive-vertical-menu.style__StyledResponsiveMenu",componentId:"sc-f65e3065-4"})(["margin:0;padding:0;align-items:center;background-color:var(--colorsUtilityYin100);box-sizing:border-box;display:flex;flex-direction:column;height:",";justify-content:flex-start;overflow-y:auto;padding-bottom:var(--spacing100);",";padding-top:var(--spacing100);position:fixed;width:",";max-width:375px;z-index:1000;border-right:",";"," & > :last-child{margin-bottom:40px;}"," ",""],(({height:e})=>e||"100%"),(({responsive:t})=>!t&&e.css(["padding-left:var(--spacing200);padding-right:var(--spacing200);"])),(({width:e})=>e||"100%"),(({childOpen:e,menu:t})=>"secondary"===t||!e&&"primary"===t?"2px solid var(--colorsGray850)":"1px solid var(--colorsGray850)"),(({top:t})=>e.css(["top:",";max-height:calc(100% - ",");"],t,"auto"===t?"40px":t)),(({childOpen:t})=>t&&e.css(["padding-right:calc(var(--spacing200) + 1px);"])),(({height:t,left:o,menu:i})=>"secondary"===i&&e.css(["left:",";height:",";"],o,t)));exports.ModalContainer=a,exports.StyledButton=r,exports.StyledCloseButton=s,exports.StyledGlobalVerticalMenuWrapper=l,exports.StyledResponsiveMenu=d;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "carbon-react",
|
|
3
|
-
"version": "156.3.
|
|
3
|
+
"version": "156.3.2",
|
|
4
4
|
"description": "A library of reusable React components for easily building user interfaces.",
|
|
5
5
|
"files": [
|
|
6
6
|
"lib",
|
|
@@ -22,11 +22,9 @@
|
|
|
22
22
|
"clean-lib": "rimraf ./lib && rimraf ./esm",
|
|
23
23
|
"commit": "git-cz",
|
|
24
24
|
"generate-metadata": "node ./scripts/generate_metadata/index.mjs",
|
|
25
|
-
"type-check
|
|
26
|
-
"type-check:
|
|
27
|
-
"
|
|
28
|
-
"type-check:watch": "concurrently --names 'src,playwright' -c 'cyan,yellow' 'npm run type-check:carbon -- --watch' 'npm run type-check:playwright -- --watch'",
|
|
29
|
-
"build:types": "tsc -p tsconfig-build.json --emitDeclarationOnly --outDir ./lib && tsc -p tsconfig-build.json --emitDeclarationOnly --outDir ./esm",
|
|
25
|
+
"type-check": "tsc --noEmit",
|
|
26
|
+
"type-check:watch": "tsc --noEmit --watch",
|
|
27
|
+
"build:types": "tsc -p tsconfig-build.json --outDir ./lib && tsc -p tsconfig-build.json --outDir ./esm",
|
|
30
28
|
"prepare": "husky install",
|
|
31
29
|
"test:ct": "playwright test -c playwright-ct.config.ts",
|
|
32
30
|
"test:ct:ui": "playwright test --ui -c playwright-ct.config.ts",
|
|
@@ -127,7 +125,6 @@
|
|
|
127
125
|
"browserslist": "^4.22.1",
|
|
128
126
|
"chromatic": "^6.17.4",
|
|
129
127
|
"commitizen": "^4.3.0",
|
|
130
|
-
"concurrently": "^8.2.2",
|
|
131
128
|
"conventional-changelog-conventionalcommits": "^8.0.0",
|
|
132
129
|
"core-js": "^3.33.3",
|
|
133
130
|
"css-loader": "^6.8.1",
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { LexicalEditor } from "lexical";
|
|
3
|
-
export interface CharacterCounterPluginProps {
|
|
4
|
-
/** The maximum number of characters to allow before showing the warning */
|
|
5
|
-
maxChars: number;
|
|
6
|
-
/** The Lexical editor instance */
|
|
7
|
-
editor: LexicalEditor;
|
|
8
|
-
}
|
|
9
|
-
declare const CharacterCounterPlugin: ({ maxChars, editor, }: CharacterCounterPluginProps) => React.JSX.Element;
|
|
10
|
-
export default CharacterCounterPlugin;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { LexicalEditor } from "lexical";
|
|
3
|
-
export interface CharacterCounterPluginProps {
|
|
4
|
-
/** The maximum number of characters to allow before showing the warning */
|
|
5
|
-
maxChars: number;
|
|
6
|
-
/** The Lexical editor instance */
|
|
7
|
-
editor: LexicalEditor;
|
|
8
|
-
}
|
|
9
|
-
declare const CharacterCounterPlugin: ({ maxChars, editor, }: CharacterCounterPluginProps) => React.JSX.Element;
|
|
10
|
-
export default CharacterCounterPlugin;
|