@charcoal-ui/react 3.1.2-beta.0 → 3.1.2-beta.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.
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAA;AAQnD,OAAiB,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAEvD,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,QAAQ,EAAE,gBAAgB,CAAA;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC,CAAA;AAID,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,eAwDpE"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAA;AAQnD,OAAiB,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAEvD,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,QAAQ,EAAE,gBAAgB,CAAA;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC,CAAA;AAID,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,eAyDpE"}
@@ -7,6 +7,7 @@ declare const _default: {
7
7
  export default _default;
8
8
  export declare const Playground: Story<DropdownSelectorProps>;
9
9
  export declare const Basic: Story<DropdownSelectorProps>;
10
+ export declare const InFormTag: Story<DropdownSelectorProps>;
10
11
  export declare const CustomChildren: Story<DropdownSelectorProps>;
11
12
  export declare const SectionList: Story<DropdownSelectorProps>;
12
13
  //# sourceMappingURL=index.story.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/index.story.tsx"],"names":[],"mappings":"AACA,OAAO,gBAAgB,EAAE,EAAE,qBAAqB,EAAE,MAAM,GAAG,CAAA;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;;;;;AAKzC,wBAGC;AAYD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,qBAAqB,CAwBnD,CAAA;AAID,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,qBAAqB,CAoB9C,CAAA;AAID,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,qBAAqB,CA+CvD,CAAA;AAID,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,qBAAqB,CA4BpD,CAAA"}
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/index.story.tsx"],"names":[],"mappings":"AACA,OAAO,gBAAgB,EAAE,EAAE,qBAAqB,EAAE,MAAM,GAAG,CAAA;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;;;;;AAKzC,wBAGC;AAYD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,qBAAqB,CAwBnD,CAAA;AAID,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,qBAAqB,CAoB9C,CAAA;AAID,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,qBAAqB,CAoBlD,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,qBAAqB,CA+CvD,CAAA;AAID,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,qBAAqB,CA4BpD,CAAA"}
package/dist/index.cjs.js CHANGED
@@ -905,7 +905,7 @@ var Label2 = import_styled_components9.default.label`
905
905
  ${theme2((o) => [o.typography(14).bold, o.font.text1])}
906
906
  `;
907
907
  var RequiredText = import_styled_components9.default.span`
908
- ${theme2((o) => [o.typography(14), o.font.text3])}
908
+ ${theme2((o) => [o.typography(14), o.font.text2])}
909
909
  `;
910
910
  var SubLabelClickable = import_styled_components9.default.div`
911
911
  ${theme2((o) => [
@@ -1460,7 +1460,7 @@ var ModalContext = React7.createContext({
1460
1460
  });
1461
1461
  var ModalBackground = (0, import_react_spring.animated)(import_styled_components12.default.div`
1462
1462
  z-index: ${({ zIndex }) => zIndex};
1463
- overflow: scroll;
1463
+ overflow: auto;
1464
1464
  display: flex;
1465
1465
  position: fixed;
1466
1466
  top: 0;
@@ -1840,6 +1840,7 @@ function DropdownSelector(props) {
1840
1840
  setIsOpen(true);
1841
1841
  },
1842
1842
  ref: triggerRef,
1843
+ type: "button",
1843
1844
  children: [
1844
1845
  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownButtonText, { children: props.placeholder !== void 0 && preview === void 0 ? props.placeholder : preview }),
1845
1846
  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownButtonIcon, { name: "16/Menu" })
@@ -1891,6 +1892,7 @@ var DropdownButton = import_styled_components17.default.button`
1891
1892
  height: 40px;
1892
1893
  width: 100%;
1893
1894
  box-sizing: border-box;
1895
+ border: none;
1894
1896
  cursor: pointer;
1895
1897
 
1896
1898
  ${import_utils8.disabledSelector} {
@@ -1898,7 +1900,6 @@ var DropdownButton = import_styled_components17.default.button`
1898
1900
  }
1899
1901
 
1900
1902
  ${({ invalid }) => theme((o) => [
1901
- o.border.default,
1902
1903
  o.padding.horizontal(8),
1903
1904
  o.outline.default.focus,
1904
1905
  o.bg.surface3,