@openameba/spindle-ui 0.37.1-alpha.0 → 0.38.0

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/CHANGELOG.md CHANGED
@@ -3,12 +3,12 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
- ## [0.37.1-alpha.0](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@0.37.0...@openameba/spindle-ui@0.37.1-alpha.0) (2022-07-01)
6
+ # [0.38.0](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@0.37.0...@openameba/spindle-ui@0.38.0) (2022-07-06)
7
7
 
8
8
 
9
- ### Bug Fixes
9
+ ### Features
10
10
 
11
- * **spindle-ui:** import ButtonGroup style from Dialog ([abc69b8](https://github.com/openameba/spindle/commit/abc69b83d1a1b3ac3e4f5555cae942c38896b6db))
11
+ * **spindle-icons:** update icons ([610381a](https://github.com/openameba/spindle/commit/610381a03926aeedda8d7408740128340f14faf5))
12
12
 
13
13
 
14
14
 
package/Dialog/Dialog.css CHANGED
@@ -1 +1 @@
1
- .spui-ButtonGroup{display:flex}.spui-ButtonGroup--row{flex-direction:row}.spui-ButtonGroup--column{flex-direction:column}.spui-ButtonGroup--large.spui-ButtonGroup--row>:not(:first-child){margin-left:16px}.spui-ButtonGroup--large.spui-ButtonGroup--column>:not(:first-child){margin-top:16px}.spui-ButtonGroup--medium.spui-ButtonGroup--row>:not(:first-child){margin-left:12px}.spui-ButtonGroup--medium.spui-ButtonGroup--column>:not(:first-child){margin-top:12px}.spui-ButtonGroup--small.spui-ButtonGroup--row>:not(:first-child){margin-left:8px}.spui-ButtonGroup--small.spui-ButtonGroup--column>:not(:first-child){margin-top:12px}.spui-ButtonGroup--large.spui-ButtonGroup--column>.spui-SubtleButton:not(:first-child){margin-top:20px}:is(.spui-ButtonGroup--medium,.spui-ButtonGroup--small).spui-ButtonGroup--column>.spui-SubtleButton:not(:first-child){margin-top:14px}.spui-Dialog{background:var(--color-surface-primary);border:none;border-radius:20px;box-shadow:0 11px 28px rgba(8,18,26,.12);color:var(--color-text-medium-emphasis);padding:24px;width:352px}html:has(.spui-Dialog[open]){overflow:hidden}html.spui-Dialog--open{overflow:hidden}@media screen and (max-width:472px){.spui-Dialog{width:calc(100% - 120px)}}.spui-Dialog::-webkit-backdrop{background:rgba(0,0,0,.8)}.spui-Dialog::backdrop{background:rgba(0,0,0,.8)}.spui-Dialog+.backdrop{background:rgba(0,0,0,.8)}.spui-Dialog-title{color:var(--color-text-high-emphasis);font-size:1.25em;font-weight:700;line-height:1.4;margin:0;padding:0;text-align:center}.spui-Dialog-body{color:var(--color-text-medium-emphasis);font-size:.875em;line-height:1.6;margin:16px 0 0;overflow-wrap:break-word;text-align:center}.spui-Dialog-buttonGroup{align-items:center;justify-content:center;margin:32px 0 0;text-align:center}.spui-Dialog-buttonGroup :is(.spui-Button,.spui-SubtleButton){max-width:240px}@media screen and (min-width:768px){.spui-Dialog{padding:36px;width:328px}}
1
+ .spui-Dialog{background:var(--color-surface-primary);border:none;border-radius:20px;box-shadow:0 11px 28px rgba(8,18,26,.12);color:var(--color-text-medium-emphasis);padding:24px;width:352px}html:has(.spui-Dialog[open]){overflow:hidden}html.spui-Dialog--open{overflow:hidden}@media screen and (max-width:472px){.spui-Dialog{width:calc(100% - 120px)}}.spui-Dialog::-webkit-backdrop{background:rgba(0,0,0,.8)}.spui-Dialog::backdrop{background:rgba(0,0,0,.8)}.spui-Dialog+.backdrop{background:rgba(0,0,0,.8)}.spui-Dialog-title{color:var(--color-text-high-emphasis);font-size:1.25em;font-weight:700;line-height:1.4;margin:0;padding:0;text-align:center}.spui-Dialog-body{color:var(--color-text-medium-emphasis);font-size:.875em;line-height:1.6;margin:16px 0 0;overflow-wrap:break-word;text-align:center}.spui-Dialog-buttonGroup{align-items:center;justify-content:center;margin:32px 0 0;text-align:center}.spui-Dialog-buttonGroup :is(.spui-Button,.spui-SubtleButton){max-width:240px}@media screen and (min-width:768px){.spui-Dialog{padding:36px;width:328px}}
@@ -1 +1 @@
1
- {"version":3,"file":"Amebapick.d.ts","sourceRoot":"","sources":["../../src/Icon/Amebapick.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,QAAA,MAAM,YAAY,UAAW,SAAS,aAAa,CAAC,gBAuBnD,CAAC;AAEF,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"Amebapick.d.ts","sourceRoot":"","sources":["../../src/Icon/Amebapick.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,QAAA,MAAM,YAAY,UAAW,SAAS,aAAa,CAAC,gBAYnD,CAAC;AAEF,eAAe,YAAY,CAAC"}
package/Icon/Amebapick.js CHANGED
@@ -32,9 +32,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
32
32
  Object.defineProperty(exports, "__esModule", { value: true });
33
33
  var React = __importStar(require("react"));
34
34
  var SvgAmebapick = function (props) { return (React.createElement("svg", __assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", role: "img" }, props),
35
- React.createElement("path", { d: "M10.805 9.665a.497.497 0 1 1-.994.001.497.497 0 0 1 .994 0zm-.935 1.267a.46.46 0 0 1 .438-.347.46.46 0 0 1 .437.347c.007.045.007.105.007.188v2.977c0 .09 0 .151-.007.196a.452.452 0 0 1-.875 0c-.007-.045-.007-.105-.007-.196V11.12c0-.083 0-.143.007-.188z" }),
36
- React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.394 9.228c.226 0 .422.008.573.06.656.204 1.123.89 1.123 1.644 0 .746-.467 1.432-1.123 1.643-.15.045-.347.06-.573.06h-.972v1.432c0 .098 0 .159-.015.211a.477.477 0 0 1-.46.354.47.47 0 0 1-.46-.354c-.015-.053-.015-.113-.015-.21v-3.71c0-.09 0-.165.015-.248.068-.475.407-.806.897-.874.09-.008.188-.008.286-.008h.724zm0 2.457c.166 0 .286 0 .37-.052.203-.106.376-.377.376-.701 0-.332-.173-.596-.377-.709-.083-.045-.203-.053-.369-.053h-.972v1.515h.972z" }),
37
- React.createElement("path", { d: "M11.685 13.05c.007.203.045.43.12.618.25.573.814.972 1.47.972a1.6 1.6 0 0 0 1.508-1.093.458.458 0 0 0-.28-.573.457.457 0 0 0-.436.09.713.713 0 0 0-.139.213c-.016.033-.032.066-.05.097a.69.69 0 0 1-.603.37.697.697 0 0 1-.693-.694v-1.161a.697.697 0 0 1 .694-.7.679.679 0 0 1 .602.376c.02.031.037.067.055.103.038.075.077.152.134.198.12.106.278.143.437.09a.45.45 0 0 0 .279-.564 1.607 1.607 0 0 0-1.508-1.101c-.656 0-1.22.4-1.47.972a1.957 1.957 0 0 0-.12.618v1.169zm6.73-2.699c.18.098.264.317.211.505a.597.597 0 0 1-.06.127c-.299.53-.588 1.066-.905 1.584.189.294.8 1.259.83 1.304a.72.72 0 0 1 .097.174.448.448 0 0 1-.188.52.455.455 0 0 1-.55-.053.882.882 0 0 1-.113-.158c-.03-.053-.686-1.086-.852-1.342a.825.825 0 0 1-.196.023h-.302v1.062c0 .09-.007.151-.015.196a.452.452 0 0 1-.874 0c-.007-.045-.007-.105-.007-.196V9.703c0-.083 0-.143.007-.188a.46.46 0 0 1 .437-.347.46.46 0 0 1 .437.347c.008.045.015.105.015.188v2.435h.174c.075 0 .166 0 .241-.038.113-.053.173-.136.241-.256.249-.438.694-1.214.716-1.252a.684.684 0 0 1 .113-.165.444.444 0 0 1 .543-.076z" }),
38
- React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 5.5h8a6.5 6.5 0 0 1 0 13H8a6.5 6.5 0 1 1 0-13zm0 11.4h8a4.9 4.9 0 1 0 0-9.8H8a4.9 4.9 0 1 0 0 9.8z" }))); };
35
+ React.createElement("path", { d: "M17.5 19h-11C4.01 19 2 16.99 2 14.5v-5C2 7.01 4.01 5 6.5 5h11C19.99 5 22 7.01 22 9.5v5c0 2.49-2.01 4.5-4.5 4.5zM8.04 9.47c-.09 0-.19-.01-.29-.01h-.67c-.05 0-.23 0-.27.02-.23.03-.42.12-.56.26-.15.14-.24.33-.28.56v3.9a.447.447 0 0 0 .43.33c.1 0 .2-.03.28-.09.08-.06.13-.14.16-.24 0-.03.02-.05.02-.08v-1.46h1.2c.09 0 .17-.02.24-.05.15-.05.29-.13.42-.23s.24-.22.34-.36a1.702 1.702 0 0 0 .3-.96 1.702 1.702 0 0 0-.3-.96c-.09-.14-.2-.25-.34-.36-.13-.1-.27-.17-.42-.22a.85.85 0 0 0-.24-.05h-.02zm-.09 2.29H6.84v-1.42h1.11c.06 0 .1.02.14.05.1.05.18.14.25.25.07.12.11.25.11.4 0 .15-.04.29-.11.41s-.15.2-.25.26a.23.23 0 0 1-.14.04v.01zm3.87 1.28c0 .21.04.4.11.58.11.27.29.49.54.65.25.17.52.25.83.25a1.426 1.426 0 0 0 .87-.28c.12-.09.23-.2.33-.33.09-.13.17-.27.22-.42a.416.416 0 0 0-.26-.53.38.38 0 0 0-.21-.02c-.09.02-.23.09-.29.23-.03.05-.05.1-.08.16a.642.642 0 0 1-.57.34.63.63 0 0 1-.56-.33.7.7 0 0 1-.08-.33v-1.09c0-.12.03-.23.08-.33a.63.63 0 0 1 .56-.33c.12 0 .22.03.33.09.14.08.25.29.32.41.03.05.06.1.1.13.06.05.12.08.19.09.07.02.14.01.21-.01a.4.4 0 0 0 .24-.22c.05-.1.06-.21.02-.32-.06-.15-.13-.29-.22-.42a1.72 1.72 0 0 0-.33-.33c-.17-.13-.45-.28-.87-.28-.31 0-.59.08-.83.25-.25.17-.43.39-.54.66-.08.18-.11.38-.11.58v1.15zm6.6-2.28a.37.37 0 0 0-.18-.21.36.36 0 0 0-.27-.05c-.11.02-.23.07-.28.18-.01.02-.79 1.35-.82 1.4-.05.06-.15.13-.24.13h-.27V9.85c0-.03 0-.06-.01-.08a.417.417 0 0 0-.15-.22.392.392 0 0 0-.26-.09c-.1 0-.19.03-.26.09s-.12.13-.15.22v4.44c.02.09.07.16.15.22.07.06.16.09.26.09s.19-.03.26-.09.12-.13.15-.22c0-.03 0-.05.01-.08v-1.09h.28c.06 0 .13 0 .19-.02.03.06.87 1.37.89 1.39.07.06.15.1.24.11.09 0 .18-.01.27-.07.08-.05.14-.12.17-.21s.03-.18 0-.27c-.01-.04-.81-1.3-.85-1.37.01-.02.88-1.55.89-1.59.03-.09.02-.18-.01-.27l-.01.02zm-7.49 3.34v-2.93c0-.23-.19-.42-.42-.42-.23 0-.42.19-.42.42v2.93c0 .23.19.42.42.42.23 0 .42-.19.42-.42zm-.42-4.65a.47.47 0 1 0-.001.939.47.47 0 0 0 .001-.939z" }))); };
39
36
  exports.default = SvgAmebapick;
40
37
  //# sourceMappingURL=Amebapick.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Amebapick.js","sourceRoot":"","sources":["../../src/Icon/Amebapick.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAG/B,IAAM,YAAY,GAAG,UAAC,KAA8B,IAAK,OAAA,CACvD,sCACE,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,cAAc,EACnB,IAAI,EAAC,KAAK,IACN,KAAK;IAET,8BAAM,CAAC,EAAC,6PAA6P,GAAG;IACxQ,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,icAAic,GACnc;IACF,8BAAM,CAAC,EAAC,0hCAA0hC,GAAG;IACriC,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,uGAAuG,GACzG,CACE,CACP,EAvBwD,CAuBxD,CAAC;AAEF,kBAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"Amebapick.js","sourceRoot":"","sources":["../../src/Icon/Amebapick.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAG/B,IAAM,YAAY,GAAG,UAAC,KAA8B,IAAK,OAAA,CACvD,sCACE,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,cAAc,EACnB,IAAI,EAAC,KAAK,IACN,KAAK;IAET,8BAAM,CAAC,EAAC,42DAA42D,GAAG,CACn3D,CACP,EAZwD,CAYxD,CAAC;AAEF,kBAAe,YAAY,CAAC"}
@@ -1,7 +1,4 @@
1
1
  import * as React from 'react';
2
2
  const SvgAmebapick = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", role: "img" }, props),
3
- React.createElement("path", { d: "M10.805 9.665a.497.497 0 1 1-.994.001.497.497 0 0 1 .994 0zm-.935 1.267a.46.46 0 0 1 .438-.347.46.46 0 0 1 .437.347c.007.045.007.105.007.188v2.977c0 .09 0 .151-.007.196a.452.452 0 0 1-.875 0c-.007-.045-.007-.105-.007-.196V11.12c0-.083 0-.143.007-.188z" }),
4
- React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.394 9.228c.226 0 .422.008.573.06.656.204 1.123.89 1.123 1.644 0 .746-.467 1.432-1.123 1.643-.15.045-.347.06-.573.06h-.972v1.432c0 .098 0 .159-.015.211a.477.477 0 0 1-.46.354.47.47 0 0 1-.46-.354c-.015-.053-.015-.113-.015-.21v-3.71c0-.09 0-.165.015-.248.068-.475.407-.806.897-.874.09-.008.188-.008.286-.008h.724zm0 2.457c.166 0 .286 0 .37-.052.203-.106.376-.377.376-.701 0-.332-.173-.596-.377-.709-.083-.045-.203-.053-.369-.053h-.972v1.515h.972z" }),
5
- React.createElement("path", { d: "M11.685 13.05c.007.203.045.43.12.618.25.573.814.972 1.47.972a1.6 1.6 0 0 0 1.508-1.093.458.458 0 0 0-.28-.573.457.457 0 0 0-.436.09.713.713 0 0 0-.139.213c-.016.033-.032.066-.05.097a.69.69 0 0 1-.603.37.697.697 0 0 1-.693-.694v-1.161a.697.697 0 0 1 .694-.7.679.679 0 0 1 .602.376c.02.031.037.067.055.103.038.075.077.152.134.198.12.106.278.143.437.09a.45.45 0 0 0 .279-.564 1.607 1.607 0 0 0-1.508-1.101c-.656 0-1.22.4-1.47.972a1.957 1.957 0 0 0-.12.618v1.169zm6.73-2.699c.18.098.264.317.211.505a.597.597 0 0 1-.06.127c-.299.53-.588 1.066-.905 1.584.189.294.8 1.259.83 1.304a.72.72 0 0 1 .097.174.448.448 0 0 1-.188.52.455.455 0 0 1-.55-.053.882.882 0 0 1-.113-.158c-.03-.053-.686-1.086-.852-1.342a.825.825 0 0 1-.196.023h-.302v1.062c0 .09-.007.151-.015.196a.452.452 0 0 1-.874 0c-.007-.045-.007-.105-.007-.196V9.703c0-.083 0-.143.007-.188a.46.46 0 0 1 .437-.347.46.46 0 0 1 .437.347c.008.045.015.105.015.188v2.435h.174c.075 0 .166 0 .241-.038.113-.053.173-.136.241-.256.249-.438.694-1.214.716-1.252a.684.684 0 0 1 .113-.165.444.444 0 0 1 .543-.076z" }),
6
- React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 5.5h8a6.5 6.5 0 0 1 0 13H8a6.5 6.5 0 1 1 0-13zm0 11.4h8a4.9 4.9 0 1 0 0-9.8H8a4.9 4.9 0 1 0 0 9.8z" })));
3
+ React.createElement("path", { d: "M17.5 19h-11C4.01 19 2 16.99 2 14.5v-5C2 7.01 4.01 5 6.5 5h11C19.99 5 22 7.01 22 9.5v5c0 2.49-2.01 4.5-4.5 4.5zM8.04 9.47c-.09 0-.19-.01-.29-.01h-.67c-.05 0-.23 0-.27.02-.23.03-.42.12-.56.26-.15.14-.24.33-.28.56v3.9a.447.447 0 0 0 .43.33c.1 0 .2-.03.28-.09.08-.06.13-.14.16-.24 0-.03.02-.05.02-.08v-1.46h1.2c.09 0 .17-.02.24-.05.15-.05.29-.13.42-.23s.24-.22.34-.36a1.702 1.702 0 0 0 .3-.96 1.702 1.702 0 0 0-.3-.96c-.09-.14-.2-.25-.34-.36-.13-.1-.27-.17-.42-.22a.85.85 0 0 0-.24-.05h-.02zm-.09 2.29H6.84v-1.42h1.11c.06 0 .1.02.14.05.1.05.18.14.25.25.07.12.11.25.11.4 0 .15-.04.29-.11.41s-.15.2-.25.26a.23.23 0 0 1-.14.04v.01zm3.87 1.28c0 .21.04.4.11.58.11.27.29.49.54.65.25.17.52.25.83.25a1.426 1.426 0 0 0 .87-.28c.12-.09.23-.2.33-.33.09-.13.17-.27.22-.42a.416.416 0 0 0-.26-.53.38.38 0 0 0-.21-.02c-.09.02-.23.09-.29.23-.03.05-.05.1-.08.16a.642.642 0 0 1-.57.34.63.63 0 0 1-.56-.33.7.7 0 0 1-.08-.33v-1.09c0-.12.03-.23.08-.33a.63.63 0 0 1 .56-.33c.12 0 .22.03.33.09.14.08.25.29.32.41.03.05.06.1.1.13.06.05.12.08.19.09.07.02.14.01.21-.01a.4.4 0 0 0 .24-.22c.05-.1.06-.21.02-.32-.06-.15-.13-.29-.22-.42a1.72 1.72 0 0 0-.33-.33c-.17-.13-.45-.28-.87-.28-.31 0-.59.08-.83.25-.25.17-.43.39-.54.66-.08.18-.11.38-.11.58v1.15zm6.6-2.28a.37.37 0 0 0-.18-.21.36.36 0 0 0-.27-.05c-.11.02-.23.07-.28.18-.01.02-.79 1.35-.82 1.4-.05.06-.15.13-.24.13h-.27V9.85c0-.03 0-.06-.01-.08a.417.417 0 0 0-.15-.22.392.392 0 0 0-.26-.09c-.1 0-.19.03-.26.09s-.12.13-.15.22v4.44c.02.09.07.16.15.22.07.06.16.09.26.09s.19-.03.26-.09.12-.13.15-.22c0-.03 0-.05.01-.08v-1.09h.28c.06 0 .13 0 .19-.02.03.06.87 1.37.89 1.39.07.06.15.1.24.11.09 0 .18-.01.27-.07.08-.05.14-.12.17-.21s.03-.18 0-.27c-.01-.04-.81-1.3-.85-1.37.01-.02.88-1.55.89-1.59.03-.09.02-.18-.01-.27l-.01.02zm-7.49 3.34v-2.93c0-.23-.19-.42-.42-.42-.23 0-.42.19-.42.42v2.93c0 .23.19.42.42.42.23 0 .42-.19.42-.42zm-.42-4.65a.47.47 0 1 0-.001.939.47.47 0 0 0 .001-.939z" })));
7
4
  export default SvgAmebapick;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@openameba/spindle-ui",
3
- "version": "0.37.1-alpha.0",
3
+ "version": "0.38.0",
4
4
  "main": "./index.js",
5
5
  "module": "./index.mjs",
6
6
  "types": "./index.d.ts",
@@ -81,5 +81,5 @@
81
81
  "stylelint-selector-bem-pattern": "^2.1.0",
82
82
  "ts-jest": "^27.0.0"
83
83
  },
84
- "gitHead": "272e406855f5526ec4b953f89e527cc02f23b957"
84
+ "gitHead": "ce29b053a69f21382d64943082814c031cad07b8"
85
85
  }