cosmic-ui-alpha - npm Package Compare versions

Comparing version 0.0.17-alpha.7 to 0.0.17

CHANGELOG.md

 # cosmic-design
 
+## 0.0.17
+
+### Patch Changes
+
+-   [`8259ff6`](https://github.com/design-to-release/cosmic-design/commit/8259ff63cd562add2215d0fdde0f678bfab3ad3a) Thanks [@qiansc](https://github.com/qiansc)! - fix: fix icon size && add button module css
+
+*   [`862d7ff`](https://github.com/design-to-release/cosmic-design/commit/862d7ff9ee13d4e696af255cfe011e39c9172149) Thanks [@qiansc](https://github.com/qiansc)! - upgrade ui
+
 ## 0.0.16
@@ -4,0 +12,0 @@

dist/index.es.js

@@ -1,22 +0,65 @@
-const button$1 = "_button_91sy3_1 cos-btn -v-bg-primary -v-text -v-h -v-px -v-border-none";
-const prefix$5 = "_prefix_91sy3_20 -v-mr";
-const content$4 = "_content_91sy3_23";
-const suffix$3 = "_suffix_91sy3_26 -v-ml";
+var button$6 = "";
+const button$5 = "_button_1k0md_1 cos-btn -v-bg-primary -v-text -v-h -v-px -v-border-none rounded";
+const prefix$9 = "_prefix_1k0md_6 -v-mr";
+const content$9 = "_content_1k0md_9";
+const suffix$7 = "_suffix_1k0md_12 -v-ml";
 var button_module = {
+  button: button$5,
+  prefix: prefix$9,
+  content: content$9,
+  suffix: suffix$7
+};
+const button$4 = "_button_k9yyk_1 cos-btn -v-bg-light -v-text -v-h -v-px -v-border-none rounded";
+const prefix$8 = "_prefix_k9yyk_6 -v-mr";
+const content$8 = "_content_k9yyk_9";
+const suffix$6 = "_suffix_k9yyk_12 -v-ml";
+var buttonLight_module = {
+  button: button$4,
+  prefix: prefix$8,
+  content: content$8,
+  suffix: suffix$6
+};
+const button$3 = "_button_55o6w_1 cos-btn -v-color-dark-primary -v-text -v-h -v-px -v-border-apparent-primary rounded";
+const prefix$7 = "_prefix_55o6w_7 -v-mr";
+const content$7 = "_content_55o6w_10";
+const suffix$5 = "_suffix_55o6w_13 -v-ml";
+var buttonSolid_module = {
+  button: button$3,
+  prefix: prefix$7,
+  content: content$7,
+  suffix: suffix$5
+};
+const button$2 = "_button_1ghqp_1 cos-btn -v-color-dark-primary -v-text -v-h -v-px -v-border-apparent-primary rounded";
+const prefix$6 = "_prefix_1ghqp_7 -v-mr";
+const content$6 = "_content_1ghqp_10";
+const suffix$4 = "_suffix_1ghqp_13 -v-ml";
+var buttonDashed_module = {
+  button: button$2,
+  prefix: prefix$6,
+  content: content$6,
+  suffix: suffix$4
+};
+const button$1 = "_button_1pdim_1 cos-btn -v-color-dark -v-bg-inapparent -v-text -v-h -v-px -v-border-none rounded";
+const prefix$5 = "_prefix_1pdim_5 -v-mr";
+const content$5 = "_content_1pdim_8";
+const suffix$3 = "_suffix_1pdim_11 -v-ml";
+var buttonText_module = {
   button: button$1,
   prefix: prefix$5,
-  content: content$4,
+  content: content$5,
   suffix: suffix$3
 };
-const button = "_button_13mza_1 cos-btn -v-bg-primary -v-text -v-h -v-w -v-border-none";
-const prefix$4 = "_prefix_13mza_13";
-const suffix$2 = "_suffix_13mza_15";
-var buttonRounded_module = {
+const button = "_button_6k9l7_1 cos-btn -v-color-primary -v-text -v-h -v-px -v-border-none rounded";
+const prefix$4 = "_prefix_6k9l7_5 -v-mr";
+const content$4 = "_content_6k9l7_8";
+const suffix$2 = "_suffix_6k9l7_11 -v-ml";
+var buttonLink_module = {
   button,
   prefix: prefix$4,
+  content: content$4,
   suffix: suffix$2
 };
-const root$1 = "_root_evpp1_1 -v-bg-inapparent -v-h -v-px -v-text";
-const input = "_input_evpp1_6";
-const prefix$3 = "_prefix_evpp1_13";
+const root$1 = "_root_2ktu2_1 -v-bg-inapparent -v-h -v-px -v-text";
+const input = "_input_2ktu2_6";
+const prefix$3 = "_prefix_2ktu2_13";
 var input_module = {
@@ -39,4 +82,4 @@ root: root$1,
 };
-const menu = "_menu_1opoq_1";
-const popover$1 = "_popover_1opoq_6";
+const menu = "_menu_se5p2_1";
+const popover$1 = "_popover_se5p2_6";
 var menu_module = {
@@ -68,6 +111,6 @@ menu,
 };
-const select = "_select_7687q_1 -v-bg-inapparent";
-const inherit = "_inherit_7687q_7";
-const border$1 = "_border_7687q_11 -v-border-inapparent";
-const popover = "_popover_7687q_18";
+const select = "_select_3070f_1 -v-bg-inapparent";
+const inherit = "_inherit_3070f_7";
+const border$1 = "_border_3070f_11 -v-border-inapparent";
+const popover = "_popover_3070f_18";
 var select_module = {
@@ -84,6 +127,6 @@ select,
 };
-const space = "_space_r8uzj_1 cos-space";
-const horizontal = "_horizontal_r8uzj_5 -v-mr";
-const vertical = "_vertical_r8uzj_9 -v-mb";
-const last = "_last_r8uzj_13";
+const space = "_space_1e3ql_1 cos-space";
+const horizontal = "_horizontal_1e3ql_5 -v-mr";
+const vertical = "_vertical_1e3ql_9 -v-mb";
+const last = "_last_1e3ql_13";
 var space_module = {
@@ -155,7 +198,7 @@ space,
 };
-const item = "_item_ud9oy_1";
-const selected = "_selected_ud9oy_10";
-const header = "_header_ud9oy_13";
-const prefix$1 = "_prefix_ud9oy_16";
-const extra = "_extra_ud9oy_20";
+const item = "_item_1hhqn_1";
+const selected = "_selected_1hhqn_10";
+const header = "_header_1hhqn_13";
+const prefix$1 = "_prefix_1hhqn_16";
+const extra = "_extra_1hhqn_20";
 var collapseItem_module = {
@@ -168,8 +211,8 @@ item,
 };
-const breadcrumb = "_breadcrumb_1pafa_1 -v-text";
-const separator = "_separator_1pafa_9 -v-mx -v-mx";
-const icon = "_icon_1pafa_13 -v-mx";
+const breadcrumb = "_breadcrumb_14rk8_1 -v-text";
+const separator = "_separator_14rk8_9 -v-mx -v-mx";
+const icon = "_icon_14rk8_13 -v-mx";
 var breadcrumb_module = {
   breadcrumb,
-  "breadcrumb-item": "_breadcrumb-item_1pafa_5",
+  "breadcrumb-item": "_breadcrumb-item_14rk8_5",
   separator,
@@ -206,2 +249,2 @@ icon
 };
-export { menuOption_module as MenuOption, breadcrumb_module as breadcrumb, button_module as button, buttonRounded_module as buttonRounded, card_module as card, collapseItem_module as collapseItem, grid_module as grid, image_module as image, input_module as input, layout_module as layout, menu_module as menu, paragraph_module as paragraph, popover_module as popover, radioButton_module as radioButton, radioGroup_module as radioGroup, select_module as select, selectOption_module as selectOption, space_module as space, step_module as step, steps_module as steps, table_module as table, tag_module as tag, tree_module as tree, treeNode_module as treeNode };
+export { menuOption_module as MenuOption, breadcrumb_module as breadcrumb, button_module as button, buttonDashed_module as buttonDashed, buttonLight_module as buttonLight, buttonLink_module as buttonLink, buttonSolid_module as buttonSolid, buttonText_module as buttonText, card_module as card, collapseItem_module as collapseItem, grid_module as grid, image_module as image, input_module as input, layout_module as layout, menu_module as menu, paragraph_module as paragraph, popover_module as popover, radioButton_module as radioButton, radioGroup_module as radioGroup, select_module as select, selectOption_module as selectOption, space_module as space, step_module as step, steps_module as steps, table_module as table, tag_module as tag, tree_module as tree, treeNode_module as treeNode };

dist/index.umd.js

@@ -1,1 +0,1 @@
-(function(e,t){typeof exports=="object"&&typeof module!="undefined"?t(exports):typeof define=="function"&&define.amd?define(["exports"],t):(e=typeof globalThis!="undefined"?globalThis:e||self,t(e["cosmic-ui"]={}))})(this,function(e){"use strict";var o={button:"_button_91sy3_1 cos-btn -v-bg-primary -v-text -v-h -v-px -v-border-none",prefix:"_prefix_91sy3_20 -v-mr",content:"_content_91sy3_23",suffix:"_suffix_91sy3_26 -v-ml"},_={button:"_button_13mza_1 cos-btn -v-bg-primary -v-text -v-h -v-w -v-border-none",prefix:"_prefix_13mza_13",suffix:"_suffix_13mza_15"},n={root:"_root_evpp1_1 -v-bg-inapparent -v-h -v-px -v-text",input:"_input_evpp1_6",prefix:"_prefix_evpp1_13"},r={layout:"_layout_13bs8_1",content:"_content_13bs8_7",header:"_header_13bs8_12",hassider:"_hassider_13bs8_18",sider:"_sider_13bs8_21"},a={menu:"_menu_1opoq_1",popover:"_popover_1opoq_6"},c={"menu-option":"_menu-option_1qqu9_1 -v-bg-heavy -v-h -v-px",option:"_option_1qqu9_6",label:"_label_1qqu9_13 -v-mr"},i={paragraph:"_paragraph_1cy7g_1",prefix:"_prefix_1cy7g_26",suffix:"_suffix_1cy7g_31"},s={"radio-button":"_radio-button_3py18_1 -v-bg-inapparent -v-h -v-w -v-mx -v-text"},d={root:"_root_ivjvl_1"},p={select:"_select_7687q_1 -v-bg-inapparent",inherit:"_inherit_7687q_7",border:"_border_7687q_11 -v-border-inapparent",popover:"_popover_7687q_18"},l={"select-option":"_select-option_nu3co_1 -v-bg-heavy -v-px -v-h",option:"_option_nu3co_6"},u={space:"_space_r8uzj_1 cos-space",horizontal:"_horizontal_r8uzj_5 -v-mr",vertical:"_vertical_r8uzj_9 -v-mb",last:"_last_r8uzj_13"},v={wrapper:"_wrapper_10122_1",icon:"_icon_10122_18",border:"_border_10122_26",title:"_title_10122_30",description:"_description_10122_51"},f={steps:"_steps_ohx0o_1"},b={table:"_table_1qvwy_1 cos-table",thead:"_thead_1qvwy_13 -v-text",th:"_th_1qvwy_13 -v-text",td:"_td_1qvwy_13 -v-text"},m={card:"_card_18hld_1 cos-card -v-text -v-border-apparent",header:"_header_18hld_6","header-title":"_header-title_18hld_10","header-extra":"_header-extra_18hld_14",content:"_content_18hld_18",footer:"_footer_18hld_19",action:"_action_18hld_27"},h={tree:"_tree_1boqs_1"},x={treenode:"_treenode_1f4qu_1",header:"_header_1f4qu_6",title:"_title_1f4qu_16",toogle:"_toogle_1f4qu_21",status:"_status_1f4qu_28",icon:"_icon_1f4qu_31",content:"_content_1f4qu_35"},$={item:"_item_ud9oy_1",selected:"_selected_ud9oy_10",header:"_header_ud9oy_13",prefix:"_prefix_ud9oy_16",extra:"_extra_ud9oy_20"},g={breadcrumb:"_breadcrumb_1pafa_1 -v-text","breadcrumb-item":"_breadcrumb-item_1pafa_5",separator:"_separator_1pafa_9 -v-mx -v-mx",icon:"_icon_1pafa_13 -v-mx"},y={tag:"_tag_j73al_1 cos-tag -v-bg-primary -v-text -v-h -v-px -v-border-none",prefix:"_prefix_j73al_11 -v-mr",suffix:"_suffix_j73al_18 -v-ml"},q={row:"_row_18y4t_1",col:"_col_18y4t_5"},w={image:"_image_1swn7_1",placeholder:"_placeholder_1swn7_5",fallback:"_fallback_1swn7_6",content:"_content_1swn7_15"},z={dropdown:"_dropdown_cmrix_1"};e.MenuOption=c,e.breadcrumb=g,e.button=o,e.buttonRounded=_,e.card=m,e.collapseItem=$,e.grid=q,e.image=w,e.input=n,e.layout=r,e.menu=a,e.paragraph=i,e.popover=z,e.radioButton=s,e.radioGroup=d,e.select=p,e.selectOption=l,e.space=u,e.step=v,e.steps=f,e.table=b,e.tag=y,e.tree=h,e.treeNode=x,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(t,e){typeof exports=="object"&&typeof module!="undefined"?e(exports):typeof define=="function"&&define.amd?define(["exports"],e):(t=typeof globalThis!="undefined"?globalThis:t||self,e(t["cosmic-ui"]={}))})(this,function(t){"use strict";var e="",o={button:"_button_1k0md_1 cos-btn -v-bg-primary -v-text -v-h -v-px -v-border-none rounded",prefix:"_prefix_1k0md_6 -v-mr",content:"_content_1k0md_9",suffix:"_suffix_1k0md_12 -v-ml"},n={button:"_button_k9yyk_1 cos-btn -v-bg-light -v-text -v-h -v-px -v-border-none rounded",prefix:"_prefix_k9yyk_6 -v-mr",content:"_content_k9yyk_9",suffix:"_suffix_k9yyk_12 -v-ml"},_={button:"_button_55o6w_1 cos-btn -v-color-dark-primary -v-text -v-h -v-px -v-border-apparent-primary rounded",prefix:"_prefix_55o6w_7 -v-mr",content:"_content_55o6w_10",suffix:"_suffix_55o6w_13 -v-ml"},r={button:"_button_1ghqp_1 cos-btn -v-color-dark-primary -v-text -v-h -v-px -v-border-apparent-primary rounded",prefix:"_prefix_1ghqp_7 -v-mr",content:"_content_1ghqp_10",suffix:"_suffix_1ghqp_13 -v-ml"},c={button:"_button_1pdim_1 cos-btn -v-color-dark -v-bg-inapparent -v-text -v-h -v-px -v-border-none rounded",prefix:"_prefix_1pdim_5 -v-mr",content:"_content_1pdim_8",suffix:"_suffix_1pdim_11 -v-ml"},a={button:"_button_6k9l7_1 cos-btn -v-color-primary -v-text -v-h -v-px -v-border-none rounded",prefix:"_prefix_6k9l7_5 -v-mr",content:"_content_6k9l7_8",suffix:"_suffix_6k9l7_11 -v-ml"},i={root:"_root_2ktu2_1 -v-bg-inapparent -v-h -v-px -v-text",input:"_input_2ktu2_6",prefix:"_prefix_2ktu2_13"},s={layout:"_layout_13bs8_1",content:"_content_13bs8_7",header:"_header_13bs8_12",hassider:"_hassider_13bs8_18",sider:"_sider_13bs8_21"},d={menu:"_menu_se5p2_1",popover:"_popover_se5p2_6"},u={"menu-option":"_menu-option_1qqu9_1 -v-bg-heavy -v-h -v-px",option:"_option_1qqu9_6",label:"_label_1qqu9_13 -v-mr"},p={paragraph:"_paragraph_1cy7g_1",prefix:"_prefix_1cy7g_26",suffix:"_suffix_1cy7g_31"},l={"radio-button":"_radio-button_3py18_1 -v-bg-inapparent -v-h -v-w -v-mx -v-text"},f={root:"_root_ivjvl_1"},v={select:"_select_3070f_1 -v-bg-inapparent",inherit:"_inherit_3070f_7",border:"_border_3070f_11 -v-border-inapparent",popover:"_popover_3070f_18"},b={"select-option":"_select-option_nu3co_1 -v-bg-heavy -v-px -v-h",option:"_option_nu3co_6"},m={space:"_space_1e3ql_1 cos-space",horizontal:"_horizontal_1e3ql_5 -v-mr",vertical:"_vertical_1e3ql_9 -v-mb",last:"_last_1e3ql_13"},h={wrapper:"_wrapper_10122_1",icon:"_icon_10122_18",border:"_border_10122_26",title:"_title_10122_30",description:"_description_10122_51"},x={steps:"_steps_ohx0o_1"},$={table:"_table_1qvwy_1 cos-table",thead:"_thead_1qvwy_13 -v-text",th:"_th_1qvwy_13 -v-text",td:"_td_1qvwy_13 -v-text"},g={card:"_card_18hld_1 cos-card -v-text -v-border-apparent",header:"_header_18hld_6","header-title":"_header-title_18hld_10","header-extra":"_header-extra_18hld_14",content:"_content_18hld_18",footer:"_footer_18hld_19",action:"_action_18hld_27"},y={tree:"_tree_1boqs_1"},k={treenode:"_treenode_1f4qu_1",header:"_header_1f4qu_6",title:"_title_1f4qu_16",toogle:"_toogle_1f4qu_21",status:"_status_1f4qu_28",icon:"_icon_1f4qu_31",content:"_content_1f4qu_35"},q={item:"_item_1hhqn_1",selected:"_selected_1hhqn_10",header:"_header_1hhqn_13",prefix:"_prefix_1hhqn_16",extra:"_extra_1hhqn_20"},w={breadcrumb:"_breadcrumb_14rk8_1 -v-text","breadcrumb-item":"_breadcrumb-item_14rk8_5",separator:"_separator_14rk8_9 -v-mx -v-mx",icon:"_icon_14rk8_13 -v-mx"},j={tag:"_tag_j73al_1 cos-tag -v-bg-primary -v-text -v-h -v-px -v-border-none",prefix:"_prefix_j73al_11 -v-mr",suffix:"_suffix_j73al_18 -v-ml"},O={row:"_row_18y4t_1",col:"_col_18y4t_5"},T={image:"_image_1swn7_1",placeholder:"_placeholder_1swn7_5",fallback:"_fallback_1swn7_6",content:"_content_1swn7_15"},z={dropdown:"_dropdown_cmrix_1"};t.MenuOption=u,t.breadcrumb=w,t.button=o,t.buttonDashed=r,t.buttonLight=n,t.buttonLink=a,t.buttonSolid=_,t.buttonText=c,t.card=g,t.collapseItem=q,t.grid=O,t.image=T,t.input=i,t.layout=s,t.menu=d,t.paragraph=p,t.popover=z,t.radioButton=l,t.radioGroup=f,t.select=v,t.selectOption=b,t.space=m,t.step=h,t.steps=x,t.table=$,t.tag=j,t.tree=y,t.treeNode=k,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

index.ts

 export type Size = '2xs' | 'xs' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
 export type State = 'normal' | 'hover' | 'actived' | 'disabled';
 
+import './button/button.css';
 export { default as button } from './button/button.module.css';
-export { default as buttonRounded } from './button/button-rounded.module.css';
+export { default as buttonLight } from './button/button-light.module.css';
+export { default as buttonSolid } from './button/button-solid.module.css';
+export { default as buttonDashed } from './button/button-dashed.module.css';
+export { default as buttonText } from './button/button-text.module.css';
+export { default as buttonLink } from './button/button-link.module.css';
 
@@ -7,0 +12,0 @@ export { default as input } from './input/input.module.css';

package.json

 {
   "name": "cosmic-ui-alpha",
-  "version": "0.0.17-alpha.7",
+  "version": "0.0.17",
   "main": "./dist/index.umd.js",
@@ -15,6 +15,8 @@ "module": "./dist/index.es.js",
     "./variables-dark.css": "./dist/variables-dark.css",
+    "./component-classes.css": "./dist/component-classes.css",
+    "./component-styles.css": "./dist/component-styles.css",
     "./ui.css": "./dist/ui.css"
   },
   "devDependencies": {
-    "cosmic-util": "0.0.8-alpha.0",
+    "cosmic-util": "0.0.8",
     "rimraf": "^3.0.2",
@@ -21,0 +23,0 @@ "vite-dts": "^1.0.4"

script/build-css.js

@@ -16,2 +16,4 @@ const { join } = require('path');
 writeFileSync(join(__dirname, '..', 'dist', 'style.css'), minify(newCSS).css);
+writeFileSync(join(__dirname, '..', 'dist', 'component-classes.css'), minify(variantClasses).css);
+writeFileSync(join(__dirname, '..', 'dist', 'component-styles.css'), minify(styleCSS).css);
 
@@ -18,0 +20,0 @@

ui.config.js

@@ -5,2 +5,29 @@ /** this config can be replaced by windi.config.js or tailwind.config.js */
 
+const moreSpacingExtends = {
+    '70': '7rem',
+    '80': '8rem',
+    '90': '9rem',
+    '100': '10rem',
+    '120': '12rem',
+    '125': '12.5rem',
+    '128': '12.8rem',
+    '140': '14rem',
+    '150': '15rem',
+    '160': '16rem',
+    '180': '18rem',
+    '200': '20rem',
+    '250': '25rem',
+    '300': '30rem',
+    '320': '32rem',
+    '350': '35rem',
+    '360': '36rem',
+    '400': '40rem',
+    '450': '45rem',
+    '480': '48rem',
+    '500': '50rem',
+    '640': '64rem',
+    '960': '9.6rem',
+    '1080': '108rem',
+};
+
 module.exports = defineConfig({
@@ -27,20 +54,22 @@ theme: {
             0: '0',
-            1: 'var(--spacing-1)',
-            2: 'var(--spacing-2)',
-            4: 'var(--spacing-4)',
-            6: 'var(--spacing-6)',
-            8: 'var(--spacing-8)',
-            10: 'var(--spacing-10)',
-            12: 'var(--spacing-12)',
-            14: 'var(--spacing-14)',
-            16: 'var(--spacing-16)',
-            18: 'var(--spacing-18)',
-            20: 'var(--spacing-20)',
-            26: 'var(--spacing-26)',
-            32: 'var(--spacing-32)',
-            40: 'var(--spacing-40)',
-            50: 'var(--spacing-50)',
-            60: 'var(--spacing-60)',
-            80: 'var(--spacing-80)',
-            90: 'var(--spacing-90)',
+            1: '.1rem',
+            2: '.2rem',
+            4: '.4rem',
+            6: '.6rem',
+            8: '.8rem',
+            10: '1rem',
+            12: '1.2rem',
+            14: '1.4rem',
+            16: '1.6rem',
+            18: '1.8rem',
+            20: '2.0rem',
+            24: '2.4rem',
+            30: '3.0rem',
+            32: '3.2rem',
+            40: '4.0rem',
+            48: '4.8rem',
+            50: '5.0rem',
+            56: '5.6rem',
+            60: '6.0rem',
+            64: '6.4rem',
         },
@@ -56,5 +85,22 @@ extend: {
             },
-            // extends
+            width: {
+                ...moreSpacingExtends,
+            },
+            height: {
+                ...moreSpacingExtends,
+            },
+            minHeight: {
+                ...moreSpacingExtends,
+            },
+            maxHeight: {
+                ...moreSpacingExtends,
+            },
+            minWidth: {
+                ...moreSpacingExtends,
+            },
+            maxWidth: {
+                ...moreSpacingExtends,
+            },
         },
     },
-});
+});

No alert changes

Improved metrics

Total package byte prevSize

188550

increased by19.5%

Number of package files

80

increased by15.94%

Lines of code

4123

increased by29.65%

No dependency changes