@k8slens/lds-icons 0.1.15
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/README.md +30 -0
- package/lib/cjs/Icon/Icon.d.ts +30 -0
- package/lib/cjs/Icon/Icon.js +1 -0
- package/lib/cjs/Icon/Icon.module.css.js +1 -0
- package/lib/cjs/_virtual/_tslib.js +1 -0
- package/lib/cjs/icons/base/Info.d.ts +7 -0
- package/lib/cjs/icons/base/Info.js +1 -0
- package/lib/cjs/icons/base/Logo.d.ts +7 -0
- package/lib/cjs/icons/base/Logo.js +1 -0
- package/lib/cjs/icons/base/Spinner.d.ts +7 -0
- package/lib/cjs/icons/base/Spinner.js +1 -0
- package/lib/cjs/icons/base/Success.d.ts +7 -0
- package/lib/cjs/icons/base/Success.js +1 -0
- package/lib/cjs/icons/base/Warning.d.ts +7 -0
- package/lib/cjs/icons/base/Warning.js +1 -0
- package/lib/cjs/icons/base/index.d.ts +9 -0
- package/lib/cjs/icons/base/index.js +1 -0
- package/lib/cjs/icons/misc/Email.d.ts +7 -0
- package/lib/cjs/icons/misc/Email.js +1 -0
- package/lib/cjs/icons/misc/Lock.d.ts +7 -0
- package/lib/cjs/icons/misc/Lock.js +1 -0
- package/lib/cjs/icons/misc/Person.d.ts +7 -0
- package/lib/cjs/icons/misc/Person.js +1 -0
- package/lib/cjs/icons/misc/index.d.ts +7 -0
- package/lib/cjs/icons/misc/index.js +1 -0
- package/lib/cjs/icons/navigation/ArrowDown.d.ts +7 -0
- package/lib/cjs/icons/navigation/ArrowDown.js +1 -0
- package/lib/cjs/icons/navigation/ArrowUp.d.ts +7 -0
- package/lib/cjs/icons/navigation/ArrowUp.js +1 -0
- package/lib/cjs/icons/navigation/index.d.ts +6 -0
- package/lib/cjs/icons/navigation/index.js +1 -0
- package/lib/cjs/index.css +1 -0
- package/lib/cjs/index.d.ts +4 -0
- package/lib/cjs/index.js +1 -0
- package/lib/cjs/tokens/lib/web/icons/base/asset-icon-base-info.svg.js +1 -0
- package/lib/cjs/tokens/lib/web/icons/base/asset-icon-base-logo.svg.js +1 -0
- package/lib/cjs/tokens/lib/web/icons/base/asset-icon-base-spinner.svg.js +1 -0
- package/lib/cjs/tokens/lib/web/icons/base/asset-icon-base-success.svg.js +1 -0
- package/lib/cjs/tokens/lib/web/icons/base/asset-icon-base-warning.svg.js +1 -0
- package/lib/cjs/tokens/lib/web/icons/misc/asset-icon-misc-email.svg.js +1 -0
- package/lib/cjs/tokens/lib/web/icons/misc/asset-icon-misc-lock.svg.js +1 -0
- package/lib/cjs/tokens/lib/web/icons/misc/asset-icon-misc-person.svg.js +1 -0
- package/lib/cjs/tokens/lib/web/icons/navigation/asset-icon-navigation-arrow-down.svg.js +1 -0
- package/lib/cjs/tokens/lib/web/icons/navigation/asset-icon-navigation-arrow-up.svg.js +1 -0
- package/lib/es/Icon/Icon.d.ts +30 -0
- package/lib/es/Icon/Icon.js +1 -0
- package/lib/es/Icon/Icon.module.css.js +1 -0
- package/lib/es/_virtual/_tslib.js +1 -0
- package/lib/es/icons/base/Info.d.ts +7 -0
- package/lib/es/icons/base/Info.js +1 -0
- package/lib/es/icons/base/Logo.d.ts +7 -0
- package/lib/es/icons/base/Logo.js +1 -0
- package/lib/es/icons/base/Spinner.d.ts +7 -0
- package/lib/es/icons/base/Spinner.js +1 -0
- package/lib/es/icons/base/Success.d.ts +7 -0
- package/lib/es/icons/base/Success.js +1 -0
- package/lib/es/icons/base/Warning.d.ts +7 -0
- package/lib/es/icons/base/Warning.js +1 -0
- package/lib/es/icons/base/index.d.ts +9 -0
- package/lib/es/icons/base/index.js +1 -0
- package/lib/es/icons/misc/Email.d.ts +7 -0
- package/lib/es/icons/misc/Email.js +1 -0
- package/lib/es/icons/misc/Lock.d.ts +7 -0
- package/lib/es/icons/misc/Lock.js +1 -0
- package/lib/es/icons/misc/Person.d.ts +7 -0
- package/lib/es/icons/misc/Person.js +1 -0
- package/lib/es/icons/misc/index.d.ts +7 -0
- package/lib/es/icons/misc/index.js +1 -0
- package/lib/es/icons/navigation/ArrowDown.d.ts +7 -0
- package/lib/es/icons/navigation/ArrowDown.js +1 -0
- package/lib/es/icons/navigation/ArrowUp.d.ts +7 -0
- package/lib/es/icons/navigation/ArrowUp.js +1 -0
- package/lib/es/icons/navigation/index.d.ts +6 -0
- package/lib/es/icons/navigation/index.js +1 -0
- package/lib/es/index.css +1 -0
- package/lib/es/index.d.ts +4 -0
- package/lib/es/index.js +1 -0
- package/lib/es/tokens/lib/web/icons/base/asset-icon-base-info.svg.js +1 -0
- package/lib/es/tokens/lib/web/icons/base/asset-icon-base-logo.svg.js +1 -0
- package/lib/es/tokens/lib/web/icons/base/asset-icon-base-spinner.svg.js +1 -0
- package/lib/es/tokens/lib/web/icons/base/asset-icon-base-success.svg.js +1 -0
- package/lib/es/tokens/lib/web/icons/base/asset-icon-base-warning.svg.js +1 -0
- package/lib/es/tokens/lib/web/icons/misc/asset-icon-misc-email.svg.js +1 -0
- package/lib/es/tokens/lib/web/icons/misc/asset-icon-misc-lock.svg.js +1 -0
- package/lib/es/tokens/lib/web/icons/misc/asset-icon-misc-person.svg.js +1 -0
- package/lib/es/tokens/lib/web/icons/navigation/asset-icon-navigation-arrow-down.svg.js +1 -0
- package/lib/es/tokens/lib/web/icons/navigation/asset-icon-navigation-arrow-up.svg.js +1 -0
- package/package.json +54 -0
package/README.md
ADDED
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
# Lens Design System – React Icon Components
|
|
2
|
+
|
|
3
|
+
## Documentation
|
|
4
|
+
See the documentation at [lensapp.github.io/lens-design-system](http://lensapp.github.io/lens-design-system/?path=/docs/icon).
|
|
5
|
+
|
|
6
|
+
## What is included?
|
|
7
|
+
|
|
8
|
+
### ES Modules
|
|
9
|
+
- `./lib/es/index.js` - Main ES module
|
|
10
|
+
- `./lib/es/:groupname/IconName.js` - Individual ES icons
|
|
11
|
+
|
|
12
|
+
### CommonJS modules
|
|
13
|
+
- `./lib/cjs/index.js` - Main CommonJS module
|
|
14
|
+
- `./lib/cjs/:groupname/IconName.js` - Individual CommonJS icons
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
## Usage
|
|
18
|
+
- run `npm i -s @k8slens/lds-icons`
|
|
19
|
+
- import `@k8slens/lds-icons/index.css` in your React app to include styles
|
|
20
|
+
- Using in a component:
|
|
21
|
+
|
|
22
|
+
```js
|
|
23
|
+
import { misc } from "@k8slens/lds";
|
|
24
|
+
|
|
25
|
+
const { Lock: LockIcon } = misc;
|
|
26
|
+
|
|
27
|
+
export const Component = () => (
|
|
28
|
+
<LockIcon />
|
|
29
|
+
)
|
|
30
|
+
```
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import React, { FunctionComponent, SVGProps } from "react";
|
|
2
|
+
declare type Size = "sm" | "md" | "lg" | "xl" | "xxl" | number;
|
|
3
|
+
declare type Color = "black" | "on-dark" | "default" | "primary" | "ok" | "info" | "danger" | "caution";
|
|
4
|
+
export interface Props {
|
|
5
|
+
className?: string;
|
|
6
|
+
/**
|
|
7
|
+
* Size of the icon. A number or one of the following: `"sm"` `"md"` `"lg"` `"xl"` `"xxl"`.
|
|
8
|
+
*/
|
|
9
|
+
size?: Size;
|
|
10
|
+
color?: Color;
|
|
11
|
+
}
|
|
12
|
+
export declare type IconSVG = FunctionComponent<SVGProps<SVGSVGElement> & {
|
|
13
|
+
title?: string | undefined;
|
|
14
|
+
}>;
|
|
15
|
+
export declare type Icon = React.FC<Props>;
|
|
16
|
+
export interface SVGIconProps extends Props {
|
|
17
|
+
/**
|
|
18
|
+
* React <svg /> component.
|
|
19
|
+
*/
|
|
20
|
+
icon: IconSVG;
|
|
21
|
+
}
|
|
22
|
+
/**
|
|
23
|
+
* A component for rendering SVG icons. Used by specific icon components exported by the **@k8slens/lds-icons** package.
|
|
24
|
+
*
|
|
25
|
+
* Usage: `import { SVGIcon } from "@k8slens/lds-icons"`
|
|
26
|
+
*/
|
|
27
|
+
export declare const SVGIcon: React.FC<Props & {
|
|
28
|
+
icon: IconSVG;
|
|
29
|
+
}>;
|
|
30
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_virtual/_tslib.js"),t=require("react"),r=require("clsx"),a=require("./Icon.module.css.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=n(t),s=n(r),u=function(e){var r,n=e.color,u=void 0===n?"default":n,c=e.size,l=void 0===c?"md":c,o=e.className,d=void 0===o?"":o,f=e.children,m=t.useMemo((function(){if("number"==typeof l)return{width:"".concat(l,"px"),height:"".concat(l,"px")}}),[l]);return i.default.createElement("span",{"aria-hidden":!0,className:s.default(a.icon,d,(r={},r[l]="string"==typeof l&&"md"!==l,r[u]="string"==typeof u&&"default"!==u,r)),style:m},f)};exports.SVGIcon=function(t){var r=t.icon,n=e.__rest(t,["icon"]);return i.default.createElement(u,e.__assign({},n,{className:s.default(n.className,a.svg)}),i.default.createElement(r,null))};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";module.exports={icon:"lds-icon",svg:"lds-icon--svg"};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.__assign=function(){return exports.__assign=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},exports.__assign.apply(this,arguments)},exports.__rest=function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("../../_virtual/_tslib.js"),t=require("react"),r=require("../../Icon/Icon.js"),n=require("../../tokens/lib/web/icons/base/asset-icon-base-info.svg.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=s(t);module.exports=function(t){var s=e.__rest(t,[]);return i.default.createElement(r.SVGIcon,e.__assign({icon:n.ReactComponent},s))};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("../../_virtual/_tslib.js"),t=require("react"),r=require("../../Icon/Icon.js"),n=require("../../tokens/lib/web/icons/base/asset-icon-base-logo.svg.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=o(t);module.exports=function(t){var o=e.__rest(t,[]);return s.default.createElement(r.SVGIcon,e.__assign({icon:n.ReactComponent},o))};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("../../_virtual/_tslib.js"),r=require("react"),t=require("../../Icon/Icon.js"),n=require("../../tokens/lib/web/icons/base/asset-icon-base-spinner.svg.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=s(r);module.exports=function(r){var s=e.__rest(r,[]);return i.default.createElement(t.SVGIcon,e.__assign({icon:n.ReactComponent},s))};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("../../_virtual/_tslib.js"),t=require("react"),r=require("../../Icon/Icon.js"),s=require("../../tokens/lib/web/icons/base/asset-icon-base-success.svg.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=n(t);module.exports=function(t){var n=e.__rest(t,[]);return c.default.createElement(r.SVGIcon,e.__assign({icon:s.ReactComponent},n))};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("../../_virtual/_tslib.js"),r=require("react"),t=require("../../Icon/Icon.js"),n=require("../../tokens/lib/web/icons/base/asset-icon-base-warning.svg.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=s(r);module.exports=function(r){var s=e.__rest(r,[]);return i.default.createElement(t.SVGIcon,e.__assign({icon:n.ReactComponent},s))};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly
|
|
3
|
+
* Generated on Wed, 02 Nov 2022 12:37:23 GMT
|
|
4
|
+
*/
|
|
5
|
+
export { default as LogoIcon } from "./Logo";
|
|
6
|
+
export { default as SpinnerIcon } from "./Spinner";
|
|
7
|
+
export { default as InfoIcon } from "./Info";
|
|
8
|
+
export { default as WarningIcon } from "./Warning";
|
|
9
|
+
export { default as SuccessIcon } from "./Success";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Logo.js"),r=require("./Spinner.js"),o=require("./Info.js"),s=require("./Warning.js"),n=require("./Success.js");exports.LogoIcon=e,exports.SpinnerIcon=r,exports.InfoIcon=o,exports.WarningIcon=s,exports.SuccessIcon=n;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("../../_virtual/_tslib.js"),t=require("react"),r=require("../../Icon/Icon.js"),i=require("../../tokens/lib/web/icons/misc/asset-icon-misc-email.svg.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(t);module.exports=function(t){var n=e.__rest(t,[]);return s.default.createElement(r.SVGIcon,e.__assign({icon:i.ReactComponent},n))};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("../../_virtual/_tslib.js"),t=require("react"),r=require("../../Icon/Icon.js"),n=require("../../tokens/lib/web/icons/misc/asset-icon-misc-lock.svg.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(t);module.exports=function(t){var i=e.__rest(t,[]);return s.default.createElement(r.SVGIcon,e.__assign({icon:n.ReactComponent},i))};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("../../_virtual/_tslib.js"),r=require("react"),t=require("../../Icon/Icon.js"),n=require("../../tokens/lib/web/icons/misc/asset-icon-misc-person.svg.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=s(r);module.exports=function(r){var s=e.__rest(r,[]);return i.default.createElement(t.SVGIcon,e.__assign({icon:n.ReactComponent},s))};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Person.js"),r=require("./Lock.js"),o=require("./Email.js");exports.PersonIcon=e,exports.LockIcon=r,exports.EmailIcon=o;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("../../_virtual/_tslib.js"),t=require("react"),n=require("../../Icon/Icon.js"),r=require("../../tokens/lib/web/icons/navigation/asset-icon-navigation-arrow-down.svg.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(t);module.exports=function(t){var i=e.__rest(t,[]);return o.default.createElement(n.SVGIcon,e.__assign({icon:r.ReactComponent},i))};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("../../_virtual/_tslib.js"),t=require("react"),r=require("../../Icon/Icon.js"),n=require("../../tokens/lib/web/icons/navigation/asset-icon-navigation-arrow-up.svg.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(t);module.exports=function(t){var i=e.__rest(t,[]);return o.default.createElement(r.SVGIcon,e.__assign({icon:n.ReactComponent},i))};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("./ArrowUp.js"),e=require("./ArrowDown.js");exports.ArrowUpIcon=r,exports.ArrowDownIcon=e;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.lds-icon{display:inline-block}.lds-icon--svg svg{height:100%;max-width:inherit;min-width:inherit;width:100%}.lds-icon--svg.sm{height:1.125rem;width:1.125rem}.lds-icon--svg,.lds-icon--svg.md{height:var(--spacing-base-5);width:var(--spacing-base-5)}.lds-icon--svg.lg{height:var(--spacing-base-6);width:var(--spacing-base-6)}.lds-icon--svg.xl{height:var(--spacing-base-7);width:var(--spacing-base-7)}.lds-icon--svg.xxl{height:var(--spacing-base-8);width:var(--spacing-base-8)}.lds-icon--svg>svg{fill:var(--color-font-base)}.lds-icon--svg.black>svg{fill:var(--color-base-black)}.lds-icon--svg.on-dark>svg{fill:var(--color-base-white)}.lds-icon--svg.primary>svg{fill:var(--color-base-blue-default)}.lds-icon--svg.ok>svg{fill:var(--color-background-button-ok-base)}.lds-icon--svg.info>svg{fill:var(--color-background-button-info-base)}.lds-icon--svg.caution>svg{fill:var(--color-background-button-caution-base)}.lds-icon--svg.danger>svg{fill:var(--color-background-button-danger-base)}
|
package/lib/cjs/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Icon/Icon.js"),s=require("./icons/base/index.js"),i=require("./icons/navigation/index.js"),r=require("./icons/misc/index.js");exports.SVGIcon=e.SVGIcon,exports.base=s,exports.navigation=i,exports.misc=r;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r=e(require("react"));function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(this,arguments)}exports.ReactComponent=function(e){return r.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",width:48,height:48},e),t||(t=r.createElement("path",{d:"M22.65 34h3V22h-3zM24 18.3q.7 0 1.175-.45.475-.45.475-1.15t-.475-1.2Q24.7 15 24 15q-.7 0-1.175.5-.475.5-.475 1.2t.475 1.15q.475.45 1.175.45zM24 44q-4.1 0-7.75-1.575-3.65-1.575-6.375-4.3-2.725-2.725-4.3-6.375Q4 28.1 4 23.95q0-4.1 1.575-7.75 1.575-3.65 4.3-6.35 2.725-2.7 6.375-4.275Q19.9 4 24.05 4q4.1 0 7.75 1.575 3.65 1.575 6.35 4.275 2.7 2.7 4.275 6.35Q44 19.85 44 24q0 4.1-1.575 7.75-1.575 3.65-4.275 6.375t-6.35 4.3Q28.15 44 24 44zm.05-3q7.05 0 12-4.975T41 23.95q0-7.05-4.95-12T24 7q-7.05 0-12.025 4.95Q7 16.9 7 24q0 7.05 4.975 12.025Q16.95 41 24.05 41zM24 24z"})))};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r=e(require("react"));function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(this,arguments)}exports.ReactComponent=function(e){return r.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",viewBox:"86 86 340 340",style:{enableBackground:"new 0 0 512 512"},xmlSpace:"preserve",width:24,height:24},e),t||(t=r.createElement("path",{d:"M242.6 426h130.9l-30.2-128.7L242.6 426zM86 352.5V426h137.6l57.5-73.5H86zM273.1 167 426 241.4v-148L273.1 167zM388.9 426H426V258l-86.4-42.1L388.9 426zM406.9 86H216.4l-23 102.7L406.9 86zM86 195.1v142.5h113.3L86 195.1zM201.1 86H86v85.1l75 94.3L201.1 86z"})))};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r,n,a,i,c,l,s,o,u=e(require("react"));function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},m.apply(this,arguments)}exports.ReactComponent=function(e){return u.createElement("svg",m({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",width:64,height:64},e),t||(t=u.createElement("circle",{cx:16,cy:3,r:0},u.createElement("animate",{attributeName:"r",values:"0;3;0;0",dur:"1s",repeatCount:"indefinite",begin:0,keySplines:"0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8",calcMode:"spline"}))),r||(r=u.createElement("circle",{transform:"rotate(45 16 16)",cx:16,cy:3,r:0},u.createElement("animate",{attributeName:"r",values:"0;3;0;0",dur:"1s",repeatCount:"indefinite",begin:"0.125s",keySplines:"0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8",calcMode:"spline"}))),n||(n=u.createElement("circle",{transform:"rotate(90 16 16)",cx:16,cy:3,r:0},u.createElement("animate",{attributeName:"r",values:"0;3;0;0",dur:"1s",repeatCount:"indefinite",begin:"0.25s",keySplines:"0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8",calcMode:"spline"}))),a||(a=u.createElement("circle",{transform:"rotate(135 16 16)",cx:16,cy:3,r:0},u.createElement("animate",{attributeName:"r",values:"0;3;0;0",dur:"1s",repeatCount:"indefinite",begin:"0.375s",keySplines:"0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8",calcMode:"spline"}))),i||(i=u.createElement("circle",{transform:"rotate(180 16 16)",cx:16,cy:3,r:0},u.createElement("animate",{attributeName:"r",values:"0;3;0;0",dur:"1s",repeatCount:"indefinite",begin:"0.5s",keySplines:"0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8",calcMode:"spline"}))),c||(c=u.createElement("circle",{transform:"rotate(225 16 16)",cx:16,cy:3,r:0},u.createElement("animate",{attributeName:"r",values:"0;3;0;0",dur:"1s",repeatCount:"indefinite",begin:"0.625s",keySplines:"0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8",calcMode:"spline"}))),l||(l=u.createElement("circle",{transform:"rotate(270 16 16)",cx:16,cy:3,r:0},u.createElement("animate",{attributeName:"r",values:"0;3;0;0",dur:"1s",repeatCount:"indefinite",begin:"0.75s",keySplines:"0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8",calcMode:"spline"}))),s||(s=u.createElement("circle",{transform:"rotate(315 16 16)",cx:16,cy:3,r:0},u.createElement("animate",{attributeName:"r",values:"0;3;0;0",dur:"1s",repeatCount:"indefinite",begin:"0.875s",keySplines:"0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8",calcMode:"spline"}))),o||(o=u.createElement("circle",{transform:"rotate(180 16 16)",cx:16,cy:3,r:0},u.createElement("animate",{attributeName:"r",values:"0;3;0;0",dur:"1s",repeatCount:"indefinite",begin:"0.5s",keySplines:"0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8",calcMode:"spline"}))))};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r=e(require("react"));function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(this,arguments)}exports.ReactComponent=function(e){return r.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",width:48,height:48},e),t||(t=r.createElement("path",{d:"M21.05 33.1 35.2 18.95l-2.3-2.25-11.85 11.85-6-6-2.25 2.25zM24 44q-4.1 0-7.75-1.575-3.65-1.575-6.375-4.3-2.725-2.725-4.3-6.375Q4 28.1 4 24q0-4.15 1.575-7.8 1.575-3.65 4.3-6.35 2.725-2.7 6.375-4.275Q19.9 4 24 4q4.15 0 7.8 1.575 3.65 1.575 6.35 4.275 2.7 2.7 4.275 6.35Q44 19.85 44 24q0 4.1-1.575 7.75-1.575 3.65-4.275 6.375t-6.35 4.3Q28.15 44 24 44zm0-3q7.1 0 12.05-4.975Q41 31.05 41 24q0-7.1-4.95-12.05Q31.1 7 24 7q-7.05 0-12.025 4.95Q7 16.9 7 24q0 7.05 4.975 12.025Q16.95 41 24 41zm0-17z"})))};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r=e(require("react"));function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(this,arguments)}exports.ReactComponent=function(e){return r.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",width:48,height:48},e),t||(t=r.createElement("path",{d:"M24.05 24.45zM4.6 42q-.85 0-1.3-.75-.45-.75 0-1.5l19.4-33.5q.45-.75 1.3-.75.85 0 1.3.75l19.4 33.5q.45.75 0 1.5t-1.3.75zm19.6-22.6q-.65 0-1.075.425-.425.425-.425 1.075v8.2q0 .65.425 1.075.425.425 1.075.425.65 0 1.075-.425.425-.425.425-1.075v-8.2q0-.65-.425-1.075-.425-.425-1.075-.425zm0 16.75q.65 0 1.075-.425.425-.425.425-1.075 0-.65-.425-1.075-.425-.425-1.075-.425-.65 0-1.075.425Q22.7 34 22.7 34.65q0 .65.425 1.075.425.425 1.075.425zM7.2 39h33.6L24 10z"})))};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r=e(require("react"));function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(this,arguments)}exports.ReactComponent=function(e){return r.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",width:48,height:48},e),t||(t=r.createElement("path",{d:"M7 40q-1.2 0-2.1-.9Q4 38.2 4 37V11q0-1.2.9-2.1Q5.8 8 7 8h34q1.2 0 2.1.9.9.9.9 2.1v26q0 1.2-.9 2.1-.9.9-2.1.9zm17-15.1L7 13.75V37h34V13.75zm0-3L40.8 11H7.25zM7 13.75V11v26z"})))};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r=e(require("react"));function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(this,arguments)}exports.ReactComponent=function(e){return r.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",width:48,height:48},e),t||(t=r.createElement("path",{d:"M11 44q-1.25 0-2.125-.875T8 41V19.3q0-1.25.875-2.125T11 16.3h3.5v-4.8q0-3.95 2.775-6.725Q20.05 2 24 2q3.95 0 6.725 2.775Q33.5 7.55 33.5 11.5v4.8H37q1.25 0 2.125.875T40 19.3V41q0 1.25-.875 2.125T37 44zm0-3h26V19.3H11V41zm13-7q1.6 0 2.725-1.1t1.125-2.65q0-1.5-1.125-2.725T24 26.3q-1.6 0-2.725 1.225T20.15 30.25q0 1.55 1.125 2.65Q22.4 34 24 34zm-6.5-17.7h13v-4.8q0-2.7-1.9-4.6Q26.7 5 24 5q-2.7 0-4.6 1.9-1.9 1.9-1.9 4.6zM11 41V19.3 41z"})))};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r=e(require("react"));function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(this,arguments)}exports.ReactComponent=function(e){return r.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",width:48,height:48},e),t||(t=r.createElement("path",{d:"M24 23.95q-3.3 0-5.4-2.1-2.1-2.1-2.1-5.4 0-3.3 2.1-5.4 2.1-2.1 5.4-2.1 3.3 0 5.4 2.1 2.1 2.1 2.1 5.4 0 3.3-2.1 5.4-2.1 2.1-5.4 2.1zM8 40v-4.7q0-1.9.95-3.25T11.4 30q3.35-1.5 6.425-2.25Q20.9 27 24 27q3.1 0 6.15.775 3.05.775 6.4 2.225 1.55.7 2.5 2.05.95 1.35.95 3.25V40zm3-3h26v-1.7q0-.8-.475-1.525-.475-.725-1.175-1.075-3.2-1.55-5.85-2.125Q26.85 30 24 30t-5.55.575q-2.7.575-5.85 2.125-.7.35-1.15 1.075Q11 34.5 11 35.3zm13-16.05q1.95 0 3.225-1.275Q28.5 18.4 28.5 16.45q0-1.95-1.275-3.225Q25.95 11.95 24 11.95q-1.95 0-3.225 1.275Q19.5 14.5 19.5 16.45q0 1.95 1.275 3.225Q22.05 20.95 24 20.95zm0-4.5zM24 37z"})))};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r=e(require("react"));function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(this,arguments)}exports.ReactComponent=function(e){return r.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",width:48,height:48},e),t||(t=r.createElement("path",{d:"m24 30-10-9.95h20z"})))};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r=e(require("react"));function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(this,arguments)}exports.ReactComponent=function(e){return r.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",width:48,height:48},e),t||(t=r.createElement("path",{d:"m14 28 10-10.05L34 28z"})))};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import React, { FunctionComponent, SVGProps } from "react";
|
|
2
|
+
declare type Size = "sm" | "md" | "lg" | "xl" | "xxl" | number;
|
|
3
|
+
declare type Color = "black" | "on-dark" | "default" | "primary" | "ok" | "info" | "danger" | "caution";
|
|
4
|
+
export interface Props {
|
|
5
|
+
className?: string;
|
|
6
|
+
/**
|
|
7
|
+
* Size of the icon. A number or one of the following: `"sm"` `"md"` `"lg"` `"xl"` `"xxl"`.
|
|
8
|
+
*/
|
|
9
|
+
size?: Size;
|
|
10
|
+
color?: Color;
|
|
11
|
+
}
|
|
12
|
+
export declare type IconSVG = FunctionComponent<SVGProps<SVGSVGElement> & {
|
|
13
|
+
title?: string | undefined;
|
|
14
|
+
}>;
|
|
15
|
+
export declare type Icon = React.FC<Props>;
|
|
16
|
+
export interface SVGIconProps extends Props {
|
|
17
|
+
/**
|
|
18
|
+
* React <svg /> component.
|
|
19
|
+
*/
|
|
20
|
+
icon: IconSVG;
|
|
21
|
+
}
|
|
22
|
+
/**
|
|
23
|
+
* A component for rendering SVG icons. Used by specific icon components exported by the **@k8slens/lds-icons** package.
|
|
24
|
+
*
|
|
25
|
+
* Usage: `import { SVGIcon } from "@k8slens/lds-icons"`
|
|
26
|
+
*/
|
|
27
|
+
export declare const SVGIcon: React.FC<Props & {
|
|
28
|
+
icon: IconSVG;
|
|
29
|
+
}>;
|
|
30
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__rest as e,__assign as t}from"../_virtual/_tslib.js";import r,{useMemo as o}from"react";import n from"clsx";import i from"./Icon.module.css.js";var a=function(e){var t,a=e.color,c=void 0===a?"default":a,s=e.size,m=void 0===s?"md":s,l=e.className,f=void 0===l?"":l,d=e.children,u=o((function(){if("number"==typeof m)return{width:"".concat(m,"px"),height:"".concat(m,"px")}}),[m]);return r.createElement("span",{"aria-hidden":!0,className:n(i.icon,f,(t={},t[m]="string"==typeof m&&"md"!==m,t[c]="string"==typeof c&&"default"!==c,t)),style:u},d)},c=function(o){var c=o.icon,s=e(o,["icon"]);return r.createElement(a,t({},s,{className:n(s.className,i.svg)}),r.createElement(c,null))};export{c as SVGIcon};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var s={icon:"lds-icon",svg:"lds-icon--svg"};export{s as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var r=function(){return r=Object.assign||function(r){for(var t,e=1,n=arguments.length;e<n;e++)for(var o in t=arguments[e])Object.prototype.hasOwnProperty.call(t,o)&&(r[o]=t[o]);return r},r.apply(this,arguments)};function t(r,t){var e={};for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&t.indexOf(n)<0&&(e[n]=r[n]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(r);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(r,n[o])&&(e[n[o]]=r[n[o]])}return e}export{r as __assign,t as __rest};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__rest as o,__assign as t}from"../../_virtual/_tslib.js";import r from"react";import{SVGIcon as e}from"../../Icon/Icon.js";import{ReactComponent as n}from"../../tokens/lib/web/icons/base/asset-icon-base-info.svg.js";var s=function(s){var a=o(s,[]);return r.createElement(e,t({icon:n},a))};export{s as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__rest as o,__assign as t}from"../../_virtual/_tslib.js";import r from"react";import{SVGIcon as e}from"../../Icon/Icon.js";import{ReactComponent as s}from"../../tokens/lib/web/icons/base/asset-icon-base-logo.svg.js";var a=function(a){var n=o(a,[]);return r.createElement(e,t({icon:s},n))};export{a as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__rest as o,__assign as r}from"../../_virtual/_tslib.js";import t from"react";import{SVGIcon as e}from"../../Icon/Icon.js";import{ReactComponent as n}from"../../tokens/lib/web/icons/base/asset-icon-base-spinner.svg.js";var s=function(s){var a=o(s,[]);return t.createElement(e,r({icon:n},a))};export{s as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__rest as o,__assign as t}from"../../_virtual/_tslib.js";import e from"react";import{SVGIcon as r}from"../../Icon/Icon.js";import{ReactComponent as s}from"../../tokens/lib/web/icons/base/asset-icon-base-success.svg.js";var a=function(a){var n=o(a,[]);return e.createElement(r,t({icon:s},n))};export{a as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__rest as o,__assign as r}from"../../_virtual/_tslib.js";import t from"react";import{SVGIcon as e}from"../../Icon/Icon.js";import{ReactComponent as n}from"../../tokens/lib/web/icons/base/asset-icon-base-warning.svg.js";var a=function(a){var s=o(a,[]);return t.createElement(e,r({icon:n},s))};export{a as default};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly
|
|
3
|
+
* Generated on Wed, 02 Nov 2022 12:37:23 GMT
|
|
4
|
+
*/
|
|
5
|
+
export { default as LogoIcon } from "./Logo";
|
|
6
|
+
export { default as SpinnerIcon } from "./Spinner";
|
|
7
|
+
export { default as InfoIcon } from "./Info";
|
|
8
|
+
export { default as WarningIcon } from "./Warning";
|
|
9
|
+
export { default as SuccessIcon } from "./Success";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{default as LogoIcon}from"./Logo.js";export{default as SpinnerIcon}from"./Spinner.js";export{default as InfoIcon}from"./Info.js";export{default as WarningIcon}from"./Warning.js";export{default as SuccessIcon}from"./Success.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__rest as o,__assign as t}from"../../_virtual/_tslib.js";import r from"react";import{SVGIcon as e}from"../../Icon/Icon.js";import{ReactComponent as i}from"../../tokens/lib/web/icons/misc/asset-icon-misc-email.svg.js";var m=function(m){var s=o(m,[]);return r.createElement(e,t({icon:i},s))};export{m as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__rest as o,__assign as t}from"../../_virtual/_tslib.js";import r from"react";import{SVGIcon as e}from"../../Icon/Icon.js";import{ReactComponent as i}from"../../tokens/lib/web/icons/misc/asset-icon-misc-lock.svg.js";var s=function(s){var c=o(s,[]);return r.createElement(e,t({icon:i},c))};export{s as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__rest as o,__assign as r}from"../../_virtual/_tslib.js";import t from"react";import{SVGIcon as e}from"../../Icon/Icon.js";import{ReactComponent as s}from"../../tokens/lib/web/icons/misc/asset-icon-misc-person.svg.js";var i=function(i){var n=o(i,[]);return t.createElement(e,r({icon:s},n))};export{i as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{default as PersonIcon}from"./Person.js";export{default as LockIcon}from"./Lock.js";export{default as EmailIcon}from"./Email.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__rest as o,__assign as t}from"../../_virtual/_tslib.js";import r from"react";import{SVGIcon as n}from"../../Icon/Icon.js";import{ReactComponent as a}from"../../tokens/lib/web/icons/navigation/asset-icon-navigation-arrow-down.svg.js";var i=function(i){var e=o(i,[]);return r.createElement(n,t({icon:a},e))};export{i as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__rest as o,__assign as t}from"../../_virtual/_tslib.js";import r from"react";import{SVGIcon as n}from"../../Icon/Icon.js";import{ReactComponent as a}from"../../tokens/lib/web/icons/navigation/asset-icon-navigation-arrow-up.svg.js";var i=function(i){var e=o(i,[]);return r.createElement(n,t({icon:a},e))};export{i as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{default as ArrowUpIcon}from"./ArrowUp.js";export{default as ArrowDownIcon}from"./ArrowDown.js";
|
package/lib/es/index.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.lds-icon{display:inline-block}.lds-icon--svg svg{height:100%;max-width:inherit;min-width:inherit;width:100%}.lds-icon--svg.sm{height:1.125rem;width:1.125rem}.lds-icon--svg,.lds-icon--svg.md{height:var(--spacing-base-5);width:var(--spacing-base-5)}.lds-icon--svg.lg{height:var(--spacing-base-6);width:var(--spacing-base-6)}.lds-icon--svg.xl{height:var(--spacing-base-7);width:var(--spacing-base-7)}.lds-icon--svg.xxl{height:var(--spacing-base-8);width:var(--spacing-base-8)}.lds-icon--svg>svg{fill:var(--color-font-base)}.lds-icon--svg.black>svg{fill:var(--color-base-black)}.lds-icon--svg.on-dark>svg{fill:var(--color-base-white)}.lds-icon--svg.primary>svg{fill:var(--color-base-blue-default)}.lds-icon--svg.ok>svg{fill:var(--color-background-button-ok-base)}.lds-icon--svg.info>svg{fill:var(--color-background-button-info-base)}.lds-icon--svg.caution>svg{fill:var(--color-background-button-caution-base)}.lds-icon--svg.danger>svg{fill:var(--color-background-button-danger-base)}
|
package/lib/es/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{SVGIcon}from"./Icon/Icon.js";import*as o from"./icons/base/index.js";export{o as base};import*as s from"./icons/navigation/index.js";export{s as navigation};import*as i from"./icons/misc/index.js";export{i as misc};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import*as t from"react";var r;function e(){return e=Object.assign?Object.assign.bind():function(t){for(var r=1;r<arguments.length;r++){var e=arguments[r];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])}return t},e.apply(this,arguments)}var n=function(n){return t.createElement("svg",e({xmlns:"http://www.w3.org/2000/svg",width:48,height:48},n),r||(r=t.createElement("path",{d:"M22.65 34h3V22h-3zM24 18.3q.7 0 1.175-.45.475-.45.475-1.15t-.475-1.2Q24.7 15 24 15q-.7 0-1.175.5-.475.5-.475 1.2t.475 1.15q.475.45 1.175.45zM24 44q-4.1 0-7.75-1.575-3.65-1.575-6.375-4.3-2.725-2.725-4.3-6.375Q4 28.1 4 23.95q0-4.1 1.575-7.75 1.575-3.65 4.3-6.35 2.725-2.7 6.375-4.275Q19.9 4 24.05 4q4.1 0 7.75 1.575 3.65 1.575 6.35 4.275 2.7 2.7 4.275 6.35Q44 19.85 44 24q0 4.1-1.575 7.75-1.575 3.65-4.275 6.375t-6.35 4.3Q28.15 44 24 44zm.05-3q7.05 0 12-4.975T41 23.95q0-7.05-4.95-12T24 7q-7.05 0-12.025 4.95Q7 16.9 7 24q0 7.05 4.975 12.025Q16.95 41 24.05 41zM24 24z"})))};export{n as ReactComponent};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import*as e from"react";var t;function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},r.apply(this,arguments)}var n=function(n){return e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",viewBox:"86 86 340 340",style:{enableBackground:"new 0 0 512 512"},xmlSpace:"preserve",width:24,height:24},n),t||(t=e.createElement("path",{d:"M242.6 426h130.9l-30.2-128.7L242.6 426zM86 352.5V426h137.6l57.5-73.5H86zM273.1 167 426 241.4v-148L273.1 167zM388.9 426H426V258l-86.4-42.1L388.9 426zM406.9 86H216.4l-23 102.7L406.9 86zM86 195.1v142.5h113.3L86 195.1zM201.1 86H86v85.1l75 94.3L201.1 86z"})))};export{n as ReactComponent};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import*as e from"react";var t,r,a,n,i,c,l,s,m;function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},o.apply(this,arguments)}var u=function(u){return e.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",width:64,height:64},u),t||(t=e.createElement("circle",{cx:16,cy:3,r:0},e.createElement("animate",{attributeName:"r",values:"0;3;0;0",dur:"1s",repeatCount:"indefinite",begin:0,keySplines:"0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8",calcMode:"spline"}))),r||(r=e.createElement("circle",{transform:"rotate(45 16 16)",cx:16,cy:3,r:0},e.createElement("animate",{attributeName:"r",values:"0;3;0;0",dur:"1s",repeatCount:"indefinite",begin:"0.125s",keySplines:"0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8",calcMode:"spline"}))),a||(a=e.createElement("circle",{transform:"rotate(90 16 16)",cx:16,cy:3,r:0},e.createElement("animate",{attributeName:"r",values:"0;3;0;0",dur:"1s",repeatCount:"indefinite",begin:"0.25s",keySplines:"0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8",calcMode:"spline"}))),n||(n=e.createElement("circle",{transform:"rotate(135 16 16)",cx:16,cy:3,r:0},e.createElement("animate",{attributeName:"r",values:"0;3;0;0",dur:"1s",repeatCount:"indefinite",begin:"0.375s",keySplines:"0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8",calcMode:"spline"}))),i||(i=e.createElement("circle",{transform:"rotate(180 16 16)",cx:16,cy:3,r:0},e.createElement("animate",{attributeName:"r",values:"0;3;0;0",dur:"1s",repeatCount:"indefinite",begin:"0.5s",keySplines:"0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8",calcMode:"spline"}))),c||(c=e.createElement("circle",{transform:"rotate(225 16 16)",cx:16,cy:3,r:0},e.createElement("animate",{attributeName:"r",values:"0;3;0;0",dur:"1s",repeatCount:"indefinite",begin:"0.625s",keySplines:"0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8",calcMode:"spline"}))),l||(l=e.createElement("circle",{transform:"rotate(270 16 16)",cx:16,cy:3,r:0},e.createElement("animate",{attributeName:"r",values:"0;3;0;0",dur:"1s",repeatCount:"indefinite",begin:"0.75s",keySplines:"0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8",calcMode:"spline"}))),s||(s=e.createElement("circle",{transform:"rotate(315 16 16)",cx:16,cy:3,r:0},e.createElement("animate",{attributeName:"r",values:"0;3;0;0",dur:"1s",repeatCount:"indefinite",begin:"0.875s",keySplines:"0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8",calcMode:"spline"}))),m||(m=e.createElement("circle",{transform:"rotate(180 16 16)",cx:16,cy:3,r:0},e.createElement("animate",{attributeName:"r",values:"0;3;0;0",dur:"1s",repeatCount:"indefinite",begin:"0.5s",keySplines:"0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8",calcMode:"spline"}))))};export{u as ReactComponent};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import*as t from"react";var r;function e(){return e=Object.assign?Object.assign.bind():function(t){for(var r=1;r<arguments.length;r++){var e=arguments[r];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])}return t},e.apply(this,arguments)}var n=function(n){return t.createElement("svg",e({xmlns:"http://www.w3.org/2000/svg",width:48,height:48},n),r||(r=t.createElement("path",{d:"M21.05 33.1 35.2 18.95l-2.3-2.25-11.85 11.85-6-6-2.25 2.25zM24 44q-4.1 0-7.75-1.575-3.65-1.575-6.375-4.3-2.725-2.725-4.3-6.375Q4 28.1 4 24q0-4.15 1.575-7.8 1.575-3.65 4.3-6.35 2.725-2.7 6.375-4.275Q19.9 4 24 4q4.15 0 7.8 1.575 3.65 1.575 6.35 4.275 2.7 2.7 4.275 6.35Q44 19.85 44 24q0 4.1-1.575 7.75-1.575 3.65-4.275 6.375t-6.35 4.3Q28.15 44 24 44zm0-3q7.1 0 12.05-4.975Q41 31.05 41 24q0-7.1-4.95-12.05Q31.1 7 24 7q-7.05 0-12.025 4.95Q7 16.9 7 24q0 7.05 4.975 12.025Q16.95 41 24 41zm0-17z"})))};export{n as ReactComponent};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import*as t from"react";var r;function e(){return e=Object.assign?Object.assign.bind():function(t){for(var r=1;r<arguments.length;r++){var e=arguments[r];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])}return t},e.apply(this,arguments)}var n=function(n){return t.createElement("svg",e({xmlns:"http://www.w3.org/2000/svg",width:48,height:48},n),r||(r=t.createElement("path",{d:"M24.05 24.45zM4.6 42q-.85 0-1.3-.75-.45-.75 0-1.5l19.4-33.5q.45-.75 1.3-.75.85 0 1.3.75l19.4 33.5q.45.75 0 1.5t-1.3.75zm19.6-22.6q-.65 0-1.075.425-.425.425-.425 1.075v8.2q0 .65.425 1.075.425.425 1.075.425.65 0 1.075-.425.425-.425.425-1.075v-8.2q0-.65-.425-1.075-.425-.425-1.075-.425zm0 16.75q.65 0 1.075-.425.425-.425.425-1.075 0-.65-.425-1.075-.425-.425-1.075-.425-.65 0-1.075.425Q22.7 34 22.7 34.65q0 .65.425 1.075.425.425 1.075.425zM7.2 39h33.6L24 10z"})))};export{n as ReactComponent};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import*as t from"react";var r;function e(){return e=Object.assign?Object.assign.bind():function(t){for(var r=1;r<arguments.length;r++){var e=arguments[r];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])}return t},e.apply(this,arguments)}var n=function(n){return t.createElement("svg",e({xmlns:"http://www.w3.org/2000/svg",width:48,height:48},n),r||(r=t.createElement("path",{d:"M7 40q-1.2 0-2.1-.9Q4 38.2 4 37V11q0-1.2.9-2.1Q5.8 8 7 8h34q1.2 0 2.1.9.9.9.9 2.1v26q0 1.2-.9 2.1-.9.9-2.1.9zm17-15.1L7 13.75V37h34V13.75zm0-3L40.8 11H7.25zM7 13.75V11v26z"})))};export{n as ReactComponent};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import*as t from"react";var r;function e(){return e=Object.assign?Object.assign.bind():function(t){for(var r=1;r<arguments.length;r++){var e=arguments[r];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])}return t},e.apply(this,arguments)}var n=function(n){return t.createElement("svg",e({xmlns:"http://www.w3.org/2000/svg",width:48,height:48},n),r||(r=t.createElement("path",{d:"M11 44q-1.25 0-2.125-.875T8 41V19.3q0-1.25.875-2.125T11 16.3h3.5v-4.8q0-3.95 2.775-6.725Q20.05 2 24 2q3.95 0 6.725 2.775Q33.5 7.55 33.5 11.5v4.8H37q1.25 0 2.125.875T40 19.3V41q0 1.25-.875 2.125T37 44zm0-3h26V19.3H11V41zm13-7q1.6 0 2.725-1.1t1.125-2.65q0-1.5-1.125-2.725T24 26.3q-1.6 0-2.725 1.225T20.15 30.25q0 1.55 1.125 2.65Q22.4 34 24 34zm-6.5-17.7h13v-4.8q0-2.7-1.9-4.6Q26.7 5 24 5q-2.7 0-4.6 1.9-1.9 1.9-1.9 4.6zM11 41V19.3 41z"})))};export{n as ReactComponent};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import*as t from"react";var r;function e(){return e=Object.assign?Object.assign.bind():function(t){for(var r=1;r<arguments.length;r++){var e=arguments[r];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])}return t},e.apply(this,arguments)}var n=function(n){return t.createElement("svg",e({xmlns:"http://www.w3.org/2000/svg",width:48,height:48},n),r||(r=t.createElement("path",{d:"M24 23.95q-3.3 0-5.4-2.1-2.1-2.1-2.1-5.4 0-3.3 2.1-5.4 2.1-2.1 5.4-2.1 3.3 0 5.4 2.1 2.1 2.1 2.1 5.4 0 3.3-2.1 5.4-2.1 2.1-5.4 2.1zM8 40v-4.7q0-1.9.95-3.25T11.4 30q3.35-1.5 6.425-2.25Q20.9 27 24 27q3.1 0 6.15.775 3.05.775 6.4 2.225 1.55.7 2.5 2.05.95 1.35.95 3.25V40zm3-3h26v-1.7q0-.8-.475-1.525-.475-.725-1.175-1.075-3.2-1.55-5.85-2.125Q26.85 30 24 30t-5.55.575q-2.7.575-5.85 2.125-.7.35-1.15 1.075Q11 34.5 11 35.3zm13-16.05q1.95 0 3.225-1.275Q28.5 18.4 28.5 16.45q0-1.95-1.275-3.225Q25.95 11.95 24 11.95q-1.95 0-3.225 1.275Q19.5 14.5 19.5 16.45q0 1.95 1.275 3.225Q22.05 20.95 24 20.95zm0-4.5zM24 37z"})))};export{n as ReactComponent};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import*as t from"react";var r;function e(){return e=Object.assign?Object.assign.bind():function(t){for(var r=1;r<arguments.length;r++){var e=arguments[r];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])}return t},e.apply(this,arguments)}var n=function(n){return t.createElement("svg",e({xmlns:"http://www.w3.org/2000/svg",width:48,height:48},n),r||(r=t.createElement("path",{d:"m24 30-10-9.95h20z"})))};export{n as ReactComponent};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import*as t from"react";var r;function e(){return e=Object.assign?Object.assign.bind():function(t){for(var r=1;r<arguments.length;r++){var e=arguments[r];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])}return t},e.apply(this,arguments)}var n=function(n){return t.createElement("svg",e({xmlns:"http://www.w3.org/2000/svg",width:48,height:48},n),r||(r=t.createElement("path",{d:"m14 28 10-10.05L34 28z"})))};export{n as ReactComponent};
|
package/package.json
ADDED
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@k8slens/lds-icons",
|
|
3
|
+
"version": "0.1.15",
|
|
4
|
+
"description": "Lens Design System – React Icon Components",
|
|
5
|
+
"author": "Mirantis Inc",
|
|
6
|
+
"license": "MIT",
|
|
7
|
+
"main": "./lib/cjs/index.js",
|
|
8
|
+
"module": "./lib/es/index.js",
|
|
9
|
+
"types": "./lib/es/index.d.ts",
|
|
10
|
+
"type": "module",
|
|
11
|
+
"files": [
|
|
12
|
+
"lib/"
|
|
13
|
+
],
|
|
14
|
+
"scripts": {
|
|
15
|
+
"start": "npm run rollup-watch",
|
|
16
|
+
"build": "npm run clean && npm run rollup",
|
|
17
|
+
"build:production": "npm run build",
|
|
18
|
+
"rollup-watch": "rollup -c --watch",
|
|
19
|
+
"rollup": "rollup -c",
|
|
20
|
+
"clean": "rimraf lib",
|
|
21
|
+
"test": "echo \"Warning: no test specified yet\" && exit 0",
|
|
22
|
+
"lint": "eslint --resolve-plugins-relative-to ./node_modules/@k8slens/eslint-config .",
|
|
23
|
+
"format": "eslint --resolve-plugins-relative-to ./node_modules/@k8slens/eslint-config --fix .",
|
|
24
|
+
"prepack": "node prepack"
|
|
25
|
+
},
|
|
26
|
+
"dependencies": {
|
|
27
|
+
"@k8slens/lds-tokens": ">=0.1.0 <1.0.0",
|
|
28
|
+
"@rollup/plugin-node-resolve": "^15.0.1",
|
|
29
|
+
"@svgr/rollup": "^6.5.1",
|
|
30
|
+
"autoprefixer": "^10.4.8",
|
|
31
|
+
"glob": "^8.0.3",
|
|
32
|
+
"rimraf": "^3.0.2",
|
|
33
|
+
"rollup": "^2.79.0",
|
|
34
|
+
"rollup-plugin-delete": "^2.0.0",
|
|
35
|
+
"rollup-plugin-inline-svg": "^3.0.3",
|
|
36
|
+
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
37
|
+
"rollup-plugin-postcss": "^4.0.2",
|
|
38
|
+
"rollup-plugin-terser": "^7.0.2",
|
|
39
|
+
"rollup-plugin-typescript2": "^0.33.0",
|
|
40
|
+
"tailwindcss": "^3.1.8"
|
|
41
|
+
},
|
|
42
|
+
"peerDependencies": {
|
|
43
|
+
"@types/react": "^18.0.18",
|
|
44
|
+
"@types/react-dom": "^18.0.6",
|
|
45
|
+
"clsx": "^1.2.1",
|
|
46
|
+
"react": "^18.2.0",
|
|
47
|
+
"react-dom": "^18.2.0"
|
|
48
|
+
},
|
|
49
|
+
"devDependencies": {
|
|
50
|
+
"@k8slens/eslint-config": ">=0.1.0 <1.0.0",
|
|
51
|
+
"eslint": "^8.26.0",
|
|
52
|
+
"@storybook/react": "^6.5.13"
|
|
53
|
+
}
|
|
54
|
+
}
|