From cc708b35706097bce0c2228281477cfe573ffd89 Mon Sep 17 00:00:00 2001 From: Nancy <68706811+nancy-dassana@users.noreply.github.com> Date: Thu, 11 Feb 2021 16:15:04 -0800 Subject: [PATCH] v0.8.9 -> v0.9.0 (#217) * Feat #43 - Tag, Link components * Fix #47 - Fix Link props - both onClick & href are undef (#48) * Fix #47 - Fix Link props - both onClick & href are undef Closes #47 * Chore #49- Upgrade Storybook and dependencies (#50) * Chore #49 - Upgrade sb and deps to 6.0.10 * Chore #49 - Bump up version 0.1.7 --> 0.1.8 * Chore #49 - Add react-jss & update linkColor * Chore #49 - Add normalize.css Co-authored-by: Parth Shah * feat #38 - Add eslint and fix lint errors & warnings (#39) * Feat #38 - Add typescript Eslint plugins & .eslintrc.js * Feat #43 - Tag, Link components * Fix #47 - Fix Link props - both onClick & href are undef (#48) * Fix #47 - Fix Link props - both onClick & href are undef Closes #47 * Chore #49- Upgrade Storybook and dependencies (#50) * Chore #49 - Upgrade sb and deps to 6.0.10 * Chore #49 - Bump up version 0.1.7 --> 0.1.8 * Chore #49 - Add react-jss & update linkColor * Chore #49 - Add normalize.css Co-authored-by: Parth Shah * feat #3 - Input field component (#53) * feat #3 - Create input field component + refactor button component + bump storybook version and fix glob error Closes #3 * Feat #30 - Toggle and Icon components (#52) * Feat #30 - Add toggle component, icon component, improved verified labels action * chore #41 - Add verify labels GitHub action (#42) * Feat #43 - Tag, Link components * Fix #47 - Fix Link props - both onClick & href are undef (#48) * Fix #47 - Fix Link props - both onClick & href are undef Closes #47 * Chore #49- Upgrade Storybook and dependencies (#50) * Chore #49 - Upgrade sb and deps to 6.0.10 * Chore #49 - Bump up version 0.1.7 --> 0.1.8 * Chore #49 - Add react-jss & update linkColor * Chore #49 - Add normalize.css Co-authored-by: Parth Shah * feat #38 - Add eslint and fix lint errors & warnings (#39) * Feat #38 - Add typescript Eslint plugins & .eslintrc.js * chore #41 - Add verify labels GitHub action (#42) * Feat #43 - Tag, Link components * Fix #47 - Fix Link props - both onClick & href are undef (#48) * Fix #47 - Fix Link props - both onClick & href are undef Closes #47 * Chore #49- Upgrade Storybook and dependencies (#50) * Chore #49 - Upgrade sb and deps to 6.0.10 * Chore #49 - Bump up version 0.1.7 --> 0.1.8 * Chore #49 - Add react-jss & update linkColor * Chore #49 - Add normalize.css Co-authored-by: Parth Shah * feat #3 - Input field component (#53) * feat #3 - Create input field component + refactor button component + bump storybook version and fix glob error Closes #3 * Feat #30 - Toggle and Icon components (#52) * Feat #30 - Add toggle component, icon component, improved verified labels action * Bump up version to 0.2.0 * Comment out icon component * Update package.json * Update index.ts * Bump up package.json * Update package-lock.json * fix #58 - Address icon, styles, global css, and typescript issues (#59) * fix #58 - Address icon, styles, global css, and typescript issues * fix #58 - reorder imports * Update storybook.test.ts.snap * fix #58 - Regenerate pacakge-lock from clean reinstall * fix #58 - Add global styles to storybook preview, move rollup deps to dev dep * fix #58 - Bump version 0.2.3 --> 0.2.4 Co-authored-by: sam-m-m * chore #63 - Update .eslintrc.js (#64) chore #63 - Update .eslintrc.js (#64) * feat #61 - Skeleton loader component (#66) * feat #61 - Skeleton loader component * feat #61 - Update tests * feat #61 - Update test descriptions and export skeleton from index Co-authored-by: github-actions * feat #65 - Form Component (#67) * feat #65 - Form Component * v0.2.4 -> v0.2.5 * feat #71 - Notification component (#72) * feat #71 - Notification component * feat #76 - Refactor Form.Button to be Form.SubmitButton (#77) * feat #76 - Refactor Form.Button to be Form.SubmitButton Closes #76 * feat #77 - Fix failing snapshot test Co-authored-by: github-actions * feat #62 - Table component (#70) * feat #62 - Table Component * feat #62 - Upgrade sb 6.0.20 --> 6.0.21 * feat #62 - Bump up version 0.2.8 * feat #79 - Select component (#82) * feat #79 - Select component Closes #79 * feat #83 - Add data-test attribute to components (#85) * feat #83 - Add data-test attribute to components Closes #83 * chore #83 - Address PR comments Closes #83 Co-authored-by: github-actions * Update failing snapshots * feat #88 - Fix type exports for rollup (#89) * fix #88 - Fix type exports for rollup Closes #88 * feat #84 - Radio group component (#91) * feat #84 - Radio Group Component Closes #84 * feat #84 - Update skeleton CSS and stories * feat #91 - Address PR comments * feat #84 - Fix failing snapshot tests Co-authored-by: github-actions * feat #81 - Tree component (#86) * feat #81 - Create basic Tree component * feat #81 - Add tests * feat #81 - Update Tree description * feat #81 - Add TreeSkeleton & tests * feat #81 - Change ts TreeDataType to TreeNodeType, upgrade antd@latest * feat #81 - Fix bug: storyshots failed tests * feat #81 - Create assets/styles, refac tree prop types, add data-attributes * feat #81 - Address PR Comments, rebase dev * feat #81 - Export type OnCheckHandler * feat #81 - map onCheck args * feat #81 - Address PR comments, refac onCheck --> onChange * feat #81 - Update file path for RadioGroup styleguide * feat #81 - Address PR commets, refac onChange, add FormTree * feat #81 - Fix snapshot test warning * feat #81 - Address PR comments * feat #93 - Tooltip component (#95) * feat #93 - Tooltip component Closes #93 * feat #93 - Fix tooltip placement * feat #93 - Extract out placement options to utils and allow tooltip style customization * feat #93 - Add dataTag to tooltip trigger * feat #93 - Use storybook decorator for tooltip story * Update package.json Co-authored-by: github-actions * feat #94 - Popover component (#96) Closes #94 * Feat #99, #101, #100 - Add new avatar component and enhancements for icon and notification components (#103) * feat #99 - Avatar component * feat #100 - Notification component should take in configuration options * feat #101 - Icon component should render svgs Closes #99 Closes #100 Closes #101 * feat #92 - Theming (#97) * feat #92 - Theming * fix #104 - Fix exported types for table and form * chore #106 - refac all component exports from default to named, add support for absolute imports (#107) * chore #106 - Refactor all component exports from default to named and add support for absolute imports Closes #106 * fix #108 - Fix colors, refac stylguide export (#109) * Components theming (#121) * Skeleton theming (#112) * feat - Input toggle link theming: Revamp input, toggle, link styles (#115) * feat #113 - Button theming (#117) * Tooltip popover theming (#118) * feat #119 - Notifications V2 (#120) * fix #123 - Fix line height in styleguide (#124) * chore #127, fix #126: Refac & bug-fix Icon component, bug-fix fieldLabel (#128) * feat - Add Table row click handler (#131) * Form enhancements (#134) * feat #133 - Form enhancements Closes #133 * fix #136 - Fix package publish github action (#137) Closes #136 * feat #139 - Add focused prop to FormInput and allow refs to be passed to input (#140) Closes #139 Co-authored-by: github-actions * feat #144 - Form Toggle (#145) * feat #144 - Form Toggle Closes #144 * Update package.json * feat #144 - Address PR comments Co-authored-by: github-actions * feat #142 - Table refactor (#143) * feat #147, #148 - Update background colors and avatar styles (#149) * feat #147 - Update background colors Closes #147 * feat #148 - Update avatar styles Closes #148 * fix #151 - Fix form toggle submit (#152) Closes #151 * chore #154 - Update themes & add new items to styleguide (#155) * feat #157 - Add field errors to Form.Input (#158) * feat #157 - Add field errors to form input Closes #157 * Update package.json Co-authored-by: github-actions * feat #159 - Add ColoredDot comp and integrate into Table (#161) * feat #159 - Add IngestionStatusDot comp & add to Table * feat #159 - Add stories * feat #159 - Add Tooltip * feat #159 - Add tests * feat #159 - Fix failing snapshots * feat #159 - Refactor IngestionStatusDot --> ColoredDot * feat #159 - Add tests * feat #159 - Add Table pagination prop * enhance #162 - Table: Auto hide/show pagination based on row count (#163) * enhance #162 - Table: Auto hide/show pagination based on row count * enhance #162 - Update FormToggle width * feat #166 - Form Updates (#167) * feat #166 - Form Updates Closes #166 * Update failing snapshots * feat #166 - Prevent Enter in input from automatically submitting form * Remove unnecessary tests Co-authored-by: github-actions * Update package.json * fix #169 - Add toggle focus styles (#170) * feat #171 - Table skeleton loader, fix #173 - Overwrite antd Table styles (#172) * feat #174 - NotificationV2 updates, chore #175 - Extract out IconButton from WAM (#176) Closes #174 Closes #175 * chore #179 - Modal and Wizard components (#180) Closes #179 * feat #178 - Comps related to filter (#182) * Fix #187 - Multiselect bug (container always wraps) (#188) * fix #187 - Refac and clean up code * fix #187 - Multiselect bug (container always wraps) * fix #187 - Add popupTriggerClasses prop to Popup * feat #184 - Table enhancements (#189) * Editable Input * feat #184 - Table enhancements Closes #184 * Add clarifying comments * feat #184 - Address PR comments * Update storybook.test.ts.snap * Add AsyncDeleteButton to sample data * onBlur should pass through as rest for FormSelect Co-authored-by: github-actions * feat #190 - Accordion Component (#191) * feat #190 - Accordion Component Closes #190 * Update CollapseButton component name to be more semantically correct * Update package.json * Address PR comments Co-authored-by: github-actions Co-authored-by: Parth Shah <68707443+parth-dassana@users.noreply.github.com> * fix #192 - Fix form async initialValues (#193) Closes #192 Co-authored-by: github-actions Co-authored-by: Parth Shah <68707443+parth-dassana@users.noreply.github.com> * feat #195 - Chip input component (#196) * feat #195 - Add ChipInput component * feat #195 - Refac, clean up code * feat #195 - Refac, update styles * feat #195 - Add ChipInput to Form, refac * feat #195 - Add e.stopPropagation to onKeyDown * feat #195 - Add defaultValues * feat #195 - Update tags overflow width * feat #195 - Update Tag key, update Tag close icon focus styles * feat #195 - Remove Button * feat #195 - Add undeleteableTags * feat #195 - Add validation * feat #195 - Fix validation bug * feat #195 - Fix input error border color being overwritten * feat #195 - Update loading Skeleton * feat #195 - Add Input addons * feat #195 - Add addons to Chip, update input styles * feat #195 - Address PR comments * feat #195 - Address more PR comments * feat #195 - Fix error bug * fix #198 - typescript bug with ChipInput component (#199) * feat #186 - MultipleChoice component, Refac ShortcutMicrocopy (#201) * feat #205, fix #206 - IconButton and Popover enhancements (#207) * feat #205 - IconButton Enhancements Closes #205 * fix #206 - Destroy popover contents on close Closes #206 * Add pending state and story * Update package.json * feat #205 - Fix styles and improve stories * Update storybook.test.ts.snap Co-authored-by: github-actions * feat #202 - Time input components (#203) * feat #202 - Add Timezone component * feat #202 - Add Timezone to form * feat #202 - Extract out InputSkeleton * feat #202 - Add TimeInput component * feat #202 - format and parse time input val * feat #202 - Add TimeInput to form * feat #202 - Update outer div/input styles * feat #202 - Fix bug Select, add dropdown styles * feat #202 - Update TimeInput styles * feat #202 - Update stories, fix disabled cell color bug * feat #202 - Rename timezones.js --> timezones.ts * feat #202 - Fix import bug * feat #202 - Disable storyshots for Timezone, update package v * feat #202 - Bump storybook v * feat #202 - Address PR comments * feat #202 - Bump web-utils v * feat #202 - Fix wizard data type * feat #202 - Address PR comments * feat #202 - Fix bug, address more PR comments * feat #202 - Bump package version * chore #209 - Add org manager icon (#210) Closes #209 Co-authored-by: github-actions * Update package.json * Updates related to onboarding (#212) * chore #213 - Updates related to onboarding * chore #213 - Bump package v * chore #213 - Fix FormTimeInput fullWidth prop * fix #215 - Fix iconButton pending styles CSS (#216) Closes #215 Co-authored-by: github-actions Co-authored-by: Sam M <68707128+sam-m-m@users.noreply.github.com> Co-authored-by: Parth Shah Co-authored-by: Parth Shah <68707443+parth-dassana@users.noreply.github.com> Co-authored-by: sam-m-m Co-authored-by: github-actions --- package.json | 2 +- src/components/IconButton/index.tsx | 2 +- src/components/IconButton/utils.ts | 27 ++++++++++++++++++--------- src/components/Popover/utils.ts | 2 +- 4 files changed, 21 insertions(+), 12 deletions(-) diff --git a/package.json b/package.json index aa28c9ba..82870481 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@dassana-io/web-components", - "version": "0.8.9", + "version": "0.9.0", "publishConfig": { "registry": "https://npm.pkg.github.com/dassana-io" }, diff --git a/src/components/IconButton/index.tsx b/src/components/IconButton/index.tsx index 60388b21..c6e60717 100644 --- a/src/components/IconButton/index.tsx +++ b/src/components/IconButton/index.tsx @@ -81,7 +81,7 @@ const useStyles = createUseStyles({ '& $disabled': generateThemedDisabledStyles(dark), '& $hasBorder': { ...generateThemedHasBorderStyles(dark), - '& $primary': generateThemedPrimaryStyles(dark) + '&$primary': generateThemedPrimaryStyles(dark) }, '& $iconButton': generateThemedIconBtnStyles(dark) }, diff --git a/src/components/IconButton/utils.ts b/src/components/IconButton/utils.ts index cf0938cf..ac3f47cd 100644 --- a/src/components/IconButton/utils.ts +++ b/src/components/IconButton/utils.ts @@ -82,20 +82,29 @@ export const generateThemedPendingStyles = (themeType: ThemeType) => { export const generateThemedPrimaryStyles = (themeType: ThemeType) => { const { + disabled: { color: disabledColor } + } = themedStyles[themeType] + const { + disabledBgColor, primaryBackgroundColor, - primaryDisabledBgColor, - primaryDisabledTextColor, primaryHoverBgColor } = buttonPalette[themeType] return { - '&$disabled': { - backgroundColor: primaryDisabledBgColor, - color: primaryDisabledTextColor - }, - '&:hover': { - backgroundColor: primaryHoverBgColor, - color: blacks['lighten-80'] + '&$circle': { + '&$disabled': { + '&:hover': { + backgroundColor: disabledBgColor, + borderColor: disabledBgColor, + color: disabledColor + }, + backgroundColor: disabledBgColor, + color: disabledColor + }, + '&:hover': { + backgroundColor: primaryHoverBgColor, + color: blacks['lighten-80'] + } }, backgroundColor: primaryBackgroundColor, borderColor: 'transparent', diff --git a/src/components/Popover/utils.ts b/src/components/Popover/utils.ts index c4ce5653..a370cfd1 100644 --- a/src/components/Popover/utils.ts +++ b/src/components/Popover/utils.ts @@ -14,7 +14,7 @@ const { fade } = ColorManipulationTypes const popoverPalette = { [dark]: { - accent: manipulateColor(blacks.base, 72, fade), + accent: manipulateColor(blacks['darken-40'], 72, fade), background: blacks['lighten-10'], text: { title: blacks['lighten-80']